/* ========== */
/* = HOME = */
/* ========== */
.banner{ height: 100vh; width: 100%; overflow: hidden; position: relative; overflow: hidden;}
.banner:before{ content:""; position: absolute; z-index: 3; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.banner video{ display: block; min-height: 100hv; min-width:100%; position: absolute; top:0; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.banner .home-text{ position: absolute; top:50%; z-index: 4; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform:  translateX(-50%) translateY(-50%); max-width: 30%; }
.banner .button{ position: absolute;z-index: 6; display: block; bottom:60px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 18px; color: #ffffff; cursor: pointer;  animation: mymove0 1.2s infinite;
   -webkit-animation: mymove0 1.2s infinite;}

 @keyframes mymove0 {
    from {
        bottom: 60px;
    }

    to {
        bottom: 50px;
    }
}


.home-tit{ position: relative; padding-top: 35px; text-align: center; }
.home-tit span{ position:absolute; top:0; left:0; width: 100%; color: #2a6cf4; font-weight: bold; line-height: 80px; font-size: 80px; opacity: .1; text-transform: uppercase;}
.home-tit h2{ position: relative; letter-spacing: 3px; padding-bottom: 12px; font-size: 36px; font-weight: bold; color: #333333;}
.home-tit h2:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 55px; height: 4px; margin-left: -27px; background: #2a6cf4;}
.home-tit h2 i{ font-style: normal; color: #2a6cf4;}
.home-tit p{ margin-top:10px; font-size: 20px; letter-spacing: 1px; line-height:36px;}
.home-button{ margin: 0 auto; display: block; width: 180px;  background: #FFFFFF; text-align: center; line-height: 38px; font-size: 16px; color: #2a6cf4; border: 1px solid #2a6cf4; letter-spacing:2px; -webkit-transition: all ease .3s; transition: all ease .3s;}
.home-button:hover{ background: #2a6cf4; color: #FFFFFF;}

@media (max-width:999px){
	.home-tit{padding-top:0.53333333rem; }
	.home-tit span{ line-height: 1.2rem; font-size: 0.95rem;}
	.home-tit h2{ letter-spacing: 0.04rem; padding-bottom: 0.22rem; font-size: 0.48rem;}
	.home-tit h2:after{ width: 0.73333333rem; height:0.08rem; margin-left:-0.36rem;}
	.home-tit p{ margin-top: 0.12rem; font-size:0.26666666rem; line-height:0.4rem; letter-spacing: 0.02666666rem;}
	.home-button{ width:2.93333333rem; line-height:0.66666666rem; font-size:0.26666666rem; letter-spacing: 0.02666666rem;}
}


.home-point{ padding: 75px 0 80px; position: relative; background-image: url(../images/home_point_bg.jpg); background-position: bottom center;}
.home-point #point{ position:absolute; top:-75px;}
.home-point ul{ margin: 60px auto 40px; max-width: 1170px;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-start;}
.home-point ul li{ width: 170px;}
.home-point ul li span{ position: relative; padding-right: 30px; font-size:60px; font-weight:lighter; color: #2a6cf4; display: inline-block;}
.home-point ul li span i{ font-style: normal;}
.home-point ul li span sup{ position: absolute; top:0; right: 0; line-height: 30px; font-weight: bold; font-size: 36px;}
.home-point ul li:first-child span sup{ font-size: 20px;}
.home-point ul li p{ margin-top: 5px; font-size: 18px;}


.home-service{ padding: 45px 0 75px; background: #f8f8f8;}
.home-service ul{ margin: 0 -38px;}
.home-service li{ float: left; width: 33.333333%; padding: 75px 38px 0;}
.home-service li .box{ background: #FFFFFF; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; border-radius: 25px 0 25px 0; overflow: hidden; -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow:0 0 15px rgba(0,0,0,.1);}
.home-service li .box .img{ position: relative; width: 40%;}
.home-service li .box .img img{ width: 100%;}
.home-service li .box .theme{ position: absolute; top:42px; left:35px; color: #FFFFFF;}
.home-service li .box .theme p{ font-size: 30px; letter-spacing:3px; font-weight: bold;}
.home-service li .box .theme i{ margin-top: 10px; display: block; text-transform: uppercase; font-style: normal; font-size: 18px; font-style: normal;}
.home-service li .box .img span{ position: absolute; bottom:80px; left: 35px; font-size: 24px; font-weight: bold; color: #FFFFFF;}
.home-service li .box .text{ width: 60%; padding-left: 60px; }
.home-service li .box .tip{ display: block; position: relative; padding:13% 0;}
.home-service li .box .tip:first-child{ padding-top: 0;}
.home-service li .box .tip:last-child{ padding-bottom: 0;}
.home-service li .box .tip:after{ max-width: 177px; content: ""; position: absolute; bottom: 0; left:0; width: 90%; height: 1px; background: #f8f8f8;}
.home-service li .box .tip:last-child:after{ display: none;}
.home-service li .box .tit{ margin-bottom: 10px; position:relative;}
.home-service li .box .tit .ico{ position:absolute; top:50%; margin-top: -25px; left:-53px;}
.home-service li .box .tit .ico img:nth-child(1){ display: inline-block;}
.home-service li .box .tit .ico img:nth-child(2){ display: none;}
.home-service li .box .tit span{ font-size: 24px; font-weight: bold;}
.home-service li .box .tip p{ line-height: 24px; color: #999999;}
.home-service li .box .tip p a{color: #999;}
.home-service li .box:hover{ background: #2a6cf4; }
.home-service li .box:hover .tit .ico img:nth-child(1){ display: none;}
.home-service li .box:hover .tit .ico img:nth-child(2){ display: inline-block;}
.home-service li .box:hover .tit span{ color: #FFFFFF;}
.home-service li .box:hover .tip:after{ opacity:.4;}
.home-service li .box:hover .tip p{ color: #FFFFFF;}
.home-service li .box:hover .tip p a{color: #FFFFFF;}

@media (max-width:1680px){
	.home-service ul{ margin: 0 -20px;}
	.home-service li{ padding: 75px 20px 0;}
	.home-service li .box .theme p{ font-size: 26px;}
	.home-service li .box .theme i{ font-size: 14px;}
	.home-service li .box .tit span{ font-size: 20px;}
	.home-service li .box .tip p{ font-size: 12px; line-height: 22px;}
}
@media (max-width:1380px){
	.home-service li .box .text{ padding-left: 50px;}
	.home-service li .box .tit .ico{ left: -40px; width:40px; margin-top: -20px;}
	.home-service li .box .tit span{ font-size: 17px;}
	.home-service li .box .tip{ padding: 10% 0;}
	
}

.home-case{ padding: 0 0 80px;}
.home-case .left{ float: left; width: 280px; padding-top: 50px;}
.home-case .home-tit{ text-align: left;}
.home-case .home-tit h2:after{ left:0; margin-left: 0;}
.home-case .tab{ margin-top:30%;}
.home-case .tab span,
.home-case .tab a{ margin-bottom:22px; font-size: 22px; line-height:48px; position: relative; display: block; cursor: pointer;}
.home-case .tab span.active{ color: #2a6cf4;}
.home-case .tab span.active:after{ content: ""; position: absolute; bottom: 0; left:20px; width:50px; height:1px; background: #2a6cf4;}
.home-case .right{ margin-left:400px; margin-right: -160px; padding-top: 50px; position: relative;}
.home-case .right .js-tab-con{ height: 0; overflow: hidden;}
.home-case .right .js-tab-con.active{ height: auto;}
.swiper-home-case .swiper-slide{ padding:90px 0 25px;}
.swiper-home-case .box{ position:relative; padding-bottom: 40px;}
.swiper-home-case .box>img{ width: 100%;}
.swiper-home-case .box .text{ position: absolute; bottom:0; right:160px; width:42%; max-width: 535px; background: #FFFFFF;  -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1); padding:6% 5% 135px;}
.swiper-home-case .box .text img{ margin: 0;}
.swiper-home-case .box .text .tit{ margin-top: 10px; font-size: 24px; color: #333333;}
.swiper-home-case .box .text .des{ margin-top:8%; font-size: 18px; line-height: 26px; min-height: 286px; color: #333333; text-align: justify;}
.swiper-home-case .box .text .des .p02{ font-size: 16px; }
.swiper-home-case .box .text .home-button{ margin:35px 0 0;}
.swiper-home-case .button{ position: absolute; z-index: 3; right:200px; bottom:100px; width:200px; height:60px;}
.swiper-home-case .swiper-pagination{ line-height:60px; height: 60px; font-size: 48px; color: #333333;}
.swiper-home-case .swiper-pagination span{ margin: 0;}
.swiper-home-case .swiper-pagination .swiper-pagination-total{  font-size: 36px; color: #999999; padding-top: 10px; line-height:50px;}
.swiper-home-case .swiper-button-next{ background-image: url(../images/home_case_next.png);}
.swiper-home-case .swiper-button-prev{ background-image: url(../images/home_case_prev.png);}
.swiper-caselogo .swiper-slide{ padding: 25px 8px 0;}
.swiper-caselogo .swiper-slide img { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
    filter: gray;
    opacity: .8锛�
}
.swiper-caselogo .swiper-slide img:hover{ 
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);	
    filter: none;
    opacity: 1锛�
}



@media (max-width:1700px){
	.home-case .tab{ margin-top: 15%;}
	.home-case .tab span,
	.home-case .tab a{ font-size:20px; line-height: 44px; margin-bottom: 10px;}
	.home-case .right{ margin-left: 380px;}
}
@media (max-width:1580px){
	.home-case .tab span,
	.home-case .tab a{ font-size:18px; line-height: 40px;}
	.swiper-home-case .box .text{ right:130px; padding:3% 4% 90px; width: 35%;}
	.swiper-home-case .box .text .tit{ margin-top:5px; font-size: 20px;}
	.swiper-home-case .box .text .des{ font-size: 16px;}
	.swiper-home-case .box .text .des .p02{ font-size: 14px; }
	.swiper-home-case .box .text .home-button{ margin-top: 25px; }
	.swiper-home-case .button{ bottom:60px; right:140px;}
	.swiper-home-case .swiper-pagination{ font-size: 38px;}
	.swiper-home-case .swiper-pagination .swiper-pagination-total{ font-size: 30px;}
}
@media (max-width:1400px){
	.swiper-home-case .box .text img{ width: 50%; }
	.swiper-home-case .box .text{ padding:2% 4% 90px; width: 35%;}
	.swiper-home-case .box .text .des{ font-size: 14px; line-height: 24px; min-height:260px;}
	.swiper-home-case .box .text .des .p02{ font-size: 13px; }
}


.home-news{ padding: 50px 0 80px; background: #f8f8f8;}
.home-news .tab{ padding-top: 58px; text-align: right;  padding-right:65px;}
.home-news .tab span{ display: inline-block; cursor: pointer; vertical-align: middle; margin: 0 25px; font-size: 24px; color: #999999; position: relative;}
.home-news .tab span:before{ content: ""; position: absolute; margin-top: -10px; top:50%; left:-25px; width: 1px; height: 20px; background: #999999;}
.home-news .tab span:first-child:before{ display: none;}
.home-news .tab span.active{ color: #2c71f4;}
.home-news .js-tab-box{ margin-top: 28px;}
.home-news .js-tab-con{ height:0; overflow: hidden;}
.home-news .js-tab-con.active{ height: auto;}
.home-news .content{ margin-bottom: 60px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.home-news .img{ width: 48%; max-width: 700px; position: relative;}
.home-news .img .text{ position: absolute; bottom: 0; left:0; width: 100%; padding: 5%; background: rgba(27,27,27,.6); color: #FFFFFF;}
.home-news .img .text .date{  font-size: 18px; }
.home-news .img .text .date span{ font-size: 36px;}
.home-news .img .text p{ margin-top:14px; font-size: 20px;}
.home-news .right{ width: 45%; padding-right: 90px; height: 445px; overflow: hidden;} 
.home-news .right .list{ border-top: 1px solid #cfddf7;}
.home-news .right .list li{ padding: 30px 0 35px; border-bottom: 1px solid #cfddf7;}
.home-news .right .list a{ display: block;}
.home-news .right .list .date{ font-size: 18px; }
.home-news .right .list .date span{ font-size: 36px;}
.home-news .right .list .tit{ margin-top: 15px; font-size: 20px;}
.home-news .right .list .des{ margin-top: 20px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #999999;}
.zl-scrollBarBox{ height:100%; position:absolute; background:#e1e1e1;}
.zl-scrollBar{ position:absolute; left:0; top:0;  background:#aaaaaa; transition:background 0.3s; cursor: pointer;}
.zl-scrollBar.zl-verticalBar{ min-height:10px;}
.zl-scrollBar.zl-horizontalBar{  min-width:10px;}
.zl-scrollContentDiv{  position:relative !important;  width:100% !important;  height:100% !important;  padding:0 !important; margin:0 !important; top:0;  left:0;}


.pro-news{ padding: 60px 0; background: #f8f8f8; }
.pro-news .theme{ padding-bottom: 20px; border-bottom: 1px solid #eeeeee; font-size: 22px; color: #333; font-weight: bold; }
.xg-zixun { width: 100%; }
.xg-zixun li{ margin-top:10px;  float: left; width: 49%; margin-right:2%; }
.xg-zixun li:nth-child(2n){ margin-right: 0; }
.xg-zixun li a{ display: block; padding: 8px 95px 5px 30px;  position: relative;}
.xg-zixun li a:after{ content: ""; position: absolute; right:40px; top:50%; margin-top:-6px; width: 17px; height: 12px; background: url(../images/ico_more_hnews.png) right no-repeat; transition: ease all .6s; -webkit-transition: ease all .6s; }
.xg-zixun li a:before{ content:""; position: absolute; left:14px; top:19px; width: 8px; height: 8px; border:2px solid #FFFFFF; border-radius: 100%;}
.xg-zixun li .tit{  font-size: 16px; line-height: 30px;  }
.xg-zixun li .tit span{ display: inline-block; margin-right: 15px;}
.xg-zixun li .des{ font-size: 12px; line-height: 30px; padding-left: 110px; color: #666;}
.xg-zixun li a:hover{ background: #2a6cf4; color: #FFFFFF;}
.xg-zixun li a:hover:after{ background: url(../images/ico_more_hnews2.png) right no-repeat; transform:translateX(100%); -webkit-transform:translateX(100%);}
.xg-zixun li a:hover .des{ color: #fff; }





/* ========== */
/* = MB = */
/* ========== */
.mb-banner{ position: relative; }
.mb-banner .swiper-pagination{ bottom: 0.5rem; }
/*.mb-banner:before{ content:""; position: absolute; z-index: 3; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.mb-banner img{ width: 100%;}
.mb-banner video{ display: block; width: 100%; position: relative; z-index:-1;}
.mb-banner .home-text{ position: absolute; top:50%; z-index: 4; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform:  translateX(-50%) translateY(-50%); max-width: 95%; }*/
.mb-point{ padding: 0.73333333rem 0.33333333rem 1.06666666rem; background-image: url(../images/mb_point_bg.jpg);}
.mb-point .content{ margin: 0.66666666rem 0 0.26666666rem;}
.mb-point .con:nth-child(1){ display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center;}
.mb-point .con:nth-child(2){ text-align: center;}
.mb-point .con:nth-child(2) .box{ margin:0 0.6rem;}
.mb-point .box{ padding-bottom: 0.4rem; display: inline-block; text-align: left; } 
.mb-point .box span{ font-size: 0.64rem; line-height: 0.64rem; color: #2a6cf4; display: inline-block; padding-right: 0.4rem; position: relative;}
.mb-point .box sup{ position: absolute; top:0.1rem; right:0; font-size: 0.48rem;}
.mb-point .box p{ margin-top: 0.13333333rem; font-size: 0.26666666rem;}
.mb-point .con:nth-child(1) .box:nth-child(1) sup{ font-size: 0.26666666rem;}
.gary-line{ height: 0.26666666rem; width: 100%; background: #f9f9f9; box-shadow: 0 0.13333333rem 0.26666666rem rgba(0,0,0,.05) inset;}

.mb-service{ padding: 0.66666666rem 0 1.06666666rem;}
.mb-service .tab{ margin: 55px 0.33333333rem 0;  position:relative; text-align: center;}
.mb-service .tab:after{ content: ""; position: absolute; left:0; bottom:10px; width: 100%; height: 1px; background: #ccc;}
.mb-service .tab span{ margin: 0 30px; display: inline-block; vertical-align:middle; position:relative; z-index: 1; cursor: pointer;}
.mb-service .tab span i{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; padding:2px;}
.mb-service .tab span i b{ display: block; width: 6px; height:6px; border-radius: 100%; background: #c8c8c8;}
.mb-service .tab span p{ margin-bottom: 0.13333333rem; font-size:0.32rem;}
.mb-service .tab span.active i{ border:1px solid #2a6cf4; background: #FFFFFF; }
.mb-service .tab span.active i b{background: #2a6cf4;}
.mb-service .tab span.active p{ color: #2a6cf4; font-weight: bold;}
.mb-service .content{ position: relative; padding: 0 0.5rem;}
.mb-service .swiper-button-next,
.mb-service .swiper-button-prev{ margin-top: -0.333333rem;  width: 0.66666666rem; height: 0.66666666rem;background-size: cover;}
.mb-service .swiper-button-next{ background-image: url(../images/about_next.png);}
.mb-service .swiper-button-prev{ background-image: url(../images/about_prev.png);}
.mb-service .swiper-button-next:hover{ background-image: url(../images/about_nexth.png);}
.mb-service .swiper-button-prev:hover{ background-image: url(../images/about_prevh.png);}
.swiper-mb-service{ padding:0.4rem 0 0.333333rem;}
.swiper-mb-service .swiper-slide{  padding: 0 0.33333333rem; }
.swiper-mb-service .box{ background: #FFFFFF; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; border-radius: 25px 0 25px 0; overflow: hidden; -webkit-box-shadow:0 0 15px rgba(0,0,0,.1); box-shadow:0 0 15px rgba(0,0,0,.1);}
.swiper-mb-service .box .img{ position: relative; width: 40%; text-align: center;}
.swiper-mb-service .box .img img{ width: 100%;}
.swiper-mb-service .box .theme{ position: absolute; top:0.53333333rem; left:0; width: 100%; color: #FFFFFF;}
.swiper-mb-service .box .theme img{ width: 1.33333333rem;}
.swiper-mb-service .box .theme p{ margin-top: 0.4rem; font-size: 0.4rem; letter-spacing:0.04rem; font-weight: bold;}
.swiper-mb-service .box .theme i{ margin-top: 0.13333333rem; display: block; text-transform: uppercase; font-style: normal; font-size: 0.24rem; font-style: normal;}
.swiper-mb-service .box .img span{ position: absolute; bottom:0.2rem; left: 0; width: 100%; font-size:0.96rem; opacity: .5; font-weight: bold; color: #FFFFFF;}
.swiper-mb-service .box .text{ width: 60%; padding-left:0.53333333rem; }
.swiper-mb-service .box .tip{ display: block; position: relative; padding:0.2rem 0;}
.swiper-mb-service .box .tip:first-child{ padding-top: 0;}
.swiper-mb-service .box .tip:last-child{ padding-bottom: 0;}
.swiper-mb-service .box .tit{ margin-bottom: 0.13333333rem; position:relative; padding-left: 0.46666666rem;}
.swiper-mb-service .box .tit:before{ content: ""; position: absolute; top:50%; left:0; width: 0.26666666rem; height: 0.26666666rem; margin-top:-0.133333rem; border:2px solid #2a6cf4; border-radius: 100%; overflow: hidden;}
.swiper-mb-service .box .tip p{ line-height:0.4rem; font-size:0.26666666rem; color: #999999;  padding-left: 0.46666666rem;}

.mb-case{ padding: 0.53333333rem 0 0.86666666rem;}
.mb-case .top{ padding: 0 0.83333333rem;}
.swiper-mb-casenav{ margin-top: 0.4rem; }
.swiper-mb-casenav .swiper-slide{ padding:0 0.1333333rem; text-align: center;}
.swiper-mb-casenav .swiper-slide span{ display: block; line-height: 0.8rem; background: #eeeeee; font-size: 0.32rem; color: #333333;}
.swiper-mb-casenav .swiper-slide.active span{ background: #2a6cf4; color: #FFFFFF;}
.mb-case .content{ margin-top: 0.53333333rem; padding: 0 0.166666666rem;}
.mb-case .con{ height: 0; overflow: hidden; position: relative; padding: 0 0.5rem;}
.mb-case .con.active{ height: auto;}
.mb-case .swiper-button-next,
.mb-case .swiper-button-prev{ margin-top: 0; top:3rem;  width: 0.66666666rem; height: 0.66666666rem;background-size: cover;}
.mb-case .swiper-button-next{ background-image: url(../images/about_next.png);}
.mb-case .swiper-button-prev{ background-image: url(../images/about_prev.png);}
.mb-case .swiper-button-next:hover{ background-image: url(../images/about_nexth.png);}
.mb-case .swiper-button-prev:hover{ background-image: url(../images/about_prevh.png);}
.swiper-mb-case .swiper-slide{ padding:0 0.3rem;} 
.swiper-mb-case .img{ position: relative;}
.swiper-mb-case .img>img{ width: 100%;}
.swiper-mb-case .img:after{ content: ""; position: absolute; z-index:1; top:0%; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: .4;}
.swiper-mb-case .img span{ position: absolute; z-index: 2; top:50%; left:50%; width: 1.8rem; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.swiper-mb-case .text{ padding: 0.49333333rem 0; }
.swiper-mb-case .text .tit{ font-size: 0.4rem; color: #333333; font-weight: bold; position: relative;}
.swiper-mb-case .text .tit:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -0.13333rem; display: inline-block; width:0.74666666rem; height:0.26666666rem; background-image: url(../images/solution_more_blue.png); background-size: cover;} 
.swiper-mb-case .text .des{ margin-top:0.26666666rem; font-size:0.3rem; line-height: 0.48rem; }
.swiper-mb-caselogo { margin-bottom: 0.6rem; }
.swiper-mb-caselogo .swiper-slide{ padding: 0 0.13333333rem; }
.swiper-mb-caselogo.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.swiper-mb-caselogo .swiper-slide img { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);	
    filter: gray;
    opacity: .8锛�
}
 


.mb-news{ padding: 0.66666666rem 0.33333333rem 1.06666666rem; }
.mb-news .tab{ margin-top:0.53333333rem; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center; text-align: center;}
.mb-news .tab span{ display: inline-block; width: 2.93333333rem; line-height: 0.8rem; background: #eeeeee; font-size: 0.32rem; color: #333333;}
.mb-news .tab span.active{ background: #2a6cf4; color: #FFFFFF;}
.mb-news .js-tab-box{ margin-top:0.50666666rem;}
.mb-news .js-tab-con{ display: none;}
.mb-news .js-tab-con.active{ display: block;}
.mb-news .box{ display: none; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding: 0.26666666rem 0;}
.mb-news .box .img{ width: 3.73333333rem;}
.mb-news .box .text{ width: 5.33333333rem;}
.mb-news .box .text span{ display: block; font-size: 0.26666666rem; color: #999999;}
.mb-news .box .text .tit{ margin-top: 0.12rem; font-size: 0.4rem; line-height: 0.66666666rem; height: 1.33333333rem; overflow: hidden; color: #333333;}
.mb-news .box .text .des{ margin-top: 0.12rem; font-size: 0.26666666rem; color: #999999;}
.mb-news ul{ margin-bottom: 0.8rem;}
.mb-news .list{ margin-top: 0.13333333rem; border-bottom: 1px solid #e5e5e5;}
.mb-news .list a{ display: block; line-height: 0.8rem; height: 0.8rem; position: relative; font-size: 0.32rem; padding-left: 0.66666666rem;}
.mb-news .list a:before{ content: ""; position: absolute; top:50%; left:0.26666666rem; background: #2a6cf4; width: 0.13333333rem; height: 0.13333333rem; margin-top: -0.06666666rem; border-radius: 100%;}
.mb-news .xz-ul li a{ display:block; padding-left: 0;line-height: 0.6rem;  padding: 0.26666666rem 0; border-bottom: 1px solid #ebebeb; }
.mb-news .xz-ul li a:before{ display: none; }
.mb-news .xz-ul li a div{ position: relative; padding-left: 0.53333333rem; }
.mb-news .xz-ul li a div:before{ content: ""; position: absolute; margin-top:-3px; top:50%; left:0.18rem; width: 6px; height: 6px; border-radius: 100%; background: #2a6cf4;}
.mb-news .xz-ul li a p{ font-size: 0.26rem; padding-left: 0.53333333rem; }


/* ========== */
/* = NY = */
/* ========== */
.ny-banner{  background-image: url(../images/ny_banner_bg.jpg); color: #FFFFFF; position: relative;}
.ny-banner2{  background-image: url(../images/ny_banner_bg2.jpg);}
.ny-banner .container{ height: 500px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: center;}
.ny-banner .text { max-width: 60%;}
.ny-banner .text h2{ font-size:60px; font-weight: bold; text-transform:uppercase;}
.ny-banner .text p{ margin-top: 30px; font-size: 24px; line-height: 40px;}
.ny-banner .img2{ position: absolute; top:0; right:0; }

.bread{ padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 18px;}
.bread span{ display: inline-block; margin: 0 3px;}
.bread i{ font-style: normal; color: #333333;}

.ny-menu{ text-align: center;}
.ny-menu span{ color: #999999; font-size:16px; display: inline-block; vertical-align: middle; margin:0 25px;}
.ny-menu a{ display: inline-block; vertical-align: middle; font-size: 24px;}
.ny-menu a.active{ color: #2a6cf4;}
@media (max-width:1400px){
	.ny-menu span{ margin:0 20px; }
	.ny-menu a{ font-size: 22px; }
}
@media (max-width:1300px){
	.ny-menu span{ margin:0 15px; }
	.ny-menu a{ font-size: 20px; }
}



.page{ text-align: center;}
.page ul li{ display: inline-block; vertical-align: middle;}
.page a,
.page span{ display: inline-block; vertical-align: middle; background:#f8f8f8; padding: 0 14px; min-width: 50px; margin: 0 3px; line-height: 40px; color: #999999;}
.page a:hover,
.page li.active span{ background: #2b6cf4; color: #FFFFFF;}

.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  width:80%; max-width:800px; vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; width: 100%; }
.video-pop .close{ position: absolute; top:0; right: -50px; cursor: pointer; width: 45px; height: 45px; background-image: url(../images/close.png); background-size: cover;}



/* ========== */
/* = NEWSEARCH = */
/* ========== */
.newsearch-sign{ padding: 60px 0 75px;}
.newsearch-sign .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.newsearch-sign .img{ width: 48%;}
.newsearch-sign .img img{ width: 100%;}
.newsearch-sign .text{ width: 46%;}
.newsearch-sign .text .home-tit{ text-align: left;}
.newsearch-sign .text .home-tit h2:after{ left:0; margin-left: 0;}
.newsearch-sign .text .des{ margin-top:44px; font-size: 18px; line-height: 36px; text-align: justify;}
.newsearch-sign .text .tip{ margin-top: 30px;line-height: 60px; }
.newsearch-sign .text .tip span{ margin-right: 60px; position: relative; display:inline-block; padding-left:75px; font-size: 24px; font-weight: bold; color: #333333;}
.newsearch-sign .text .tip span i{ background: #f8f8f8; border-radius: 100%; position: absolute; top:0; left:0;}
.newsearch-sign .text .tip span:nth-child(2){ margin-right: 0;}
.newsearch-sign .text .home-button{ margin:65px 0 0;}

.newsearch-box{ padding: 55px 0 80px;}
.newsearch-box ul{ margin-bottom:65px; display: flex; flex-flow: wrap; justify-content: space-between; }
.newsearch-box li{ margin-top: 45px; width: 31%; max-width: 480px; border-radius: 30px 0 30px 0; overflow: hidden; text-align: center;}
.newsearch-box li .img{ position: relative;}
.newsearch-box li .img img{ width: 100%;}
.newsearch-box li .img span{ position: absolute; background: #fff; border-radius: 100%; overflow: hidden; bottom:-35px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.newsearch-box li .text{ padding:30px 15px 20px;}
.newsearch-box li .text .tit{ font-size: 20px; color:#333333; font-weight: bold; letter-spacing: 1px; }
.newsearch-box li .text .des{ margin-top: 15px;}
.newsearch-box li .text .des span{ display:inline-block; font-weight: bold; position: relative; padding-left: 13px; font-size: 18px; line-height: 34px;}
.newsearch-box li .text .des span:before{ content: ""; position: absolute; top:14px; left:0; width: 6px; height: 6px; border-radius: 100%; overflow: hidden; background: #999999;}
.newsearch-box li .text .des p{ margin-bottom:7px; font-size: 16px; line-height: 24px; min-height: 48px;}
.newsearch-box li.jt{ max-width:2%; position: relative;}
.newsearch-box li.jt span{ position:absolute; top:50%; left:0; width: 100%; display: block; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.newsearch-box li.jt span img{ width: 100%; }
.newsearch-box li:nth-child(5) .tit{ color: #2a6cf4; }
.newsearch-box li:nth-child(5) .des span{ color: #2a6cf4;}
.newsearch-box li:nth-child(5) .des span:before{ background: #2a6cf4;}
.newsearch-box li:nth-child(3) .text{ padding-top: 0; }
.newsearch-box li:nth-child(3) .text .tit{   color: #2a6cf4; font-size: 26px;}
.newsearch-box li:nth-child(3) .text .tip { margin-top:20px; }
.newsearch-box li:nth-child(3) .text .tip span{ position:relative; display: inline-block; font-size: 18px; line-height: 40px; padding-left: 30px;}
.newsearch-box li:nth-child(3) .text .tip span:before{ content: ""; position: absolute; margin-top:-12px; top:50%; left:0; width: 24px; height: 24px; background-size: cover; background-image: url(../images/ico_right.png);}


.mb-newsearch-box{ padding: 0.8rem 0;}
.mb-newsearch-box ul{ margin: 0.8rem 0;}
.mb-newsearch-box li{ padding: 0 1rem 0 0.8rem; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; background: #f8f8f8; border-radius: 0.4rem 0 0.4rem 0; overflow: hidden; position:relative;} 
.mb-newsearch-box li .img{ position: relative; width: 2.66666666rem;}
.mb-newsearch-box li .img>img{ width: 100%;}
.mb-newsearch-box li .img span{ position: absolute; top:50%; left:50%; width: 1.33333333rem; height: 1.33333333rem; margin-top: -0.66666666rem; margin-left: -0.66666666rem; border-radius: 100%; overflow: hidden; background: rgba(255,255,255,.8);}
.mb-newsearch-box li .text{ width: 2.66666666rem; text-align: center;}
.mb-newsearch-box li .tit{ font-size: 0.32rem; color: #2a6cf4; font-weight: bold;}
.mb-newsearch-box li .des{ font-size: 0.26666666rem; line-height: 0.53333333rem; color: #2a6cf4;  width: 2.4rem; margin: 0.13333333rem auto 0; text-align: left;}
.mb-newsearch-box li .des span{ display: block; position: relative; padding-left: 0.4rem;}
.mb-newsearch-box li .des span:before{ content: ""; position: absolute; margin-top:-0.15rem; top:50%; left:0; width: 0.3rem; height: 0.3rem; background-size: cover; background-image: url(../images/ico_right.png);}
.mb-newsearch-box li:nth-child(2){ padding: 0.7rem 1rem 0.7rem 0.26666666rem ; background: #FFFFFF;}
.mb-newsearch-box li:nth-child(2) .jt{ position: absolute; left:2rem; width: 0.3rem;}
.mb-newsearch-box li:nth-child(2) .jt-01{ top:0.1rem;}
.mb-newsearch-box li:nth-child(2) .jt-02{ bottom:0.1rem;}
.mb-newsearch-box li:nth-child(2) .img{  width: 3.93333333rem;}
.mb-newsearch-box li:nth-child(2) .text .tit{ font-size: 0.33rem;}
.mb-newsearch-box li:nth-child(2) .des{ color: #999999; width:2.05333333rem;}
.mb-newsearch-box li:nth-child(2) .des span{ padding-left: 0.2rem;}
.mb-newsearch-box li:nth-child(2) .des span:before{ content: ""; position: absolute; top:50%; margin-top: -3px; left:0; width: 6px; height: 6px; border-radius: 100%; overflow: hidden; background: #999999;}
.mb-newsearch-box li:nth-child(1) .tit{ color: #666666; }
.mb-newsearch-box li:nth-child(1) .des{ color: #666;}
.mb-newsearch-box li:nth-child(1) .des span:before{ background-image: url(../images/ico_worng.png);} 


.newsearch-challenge{ padding-top: 50px;}
.newsearch-challenge .content{ margin: 60px 0; background: #eeeeee;}
.newsearch-challenge .tit{ height: 100px; line-height:100px; border-bottom:1px solid #d6d6d6; font-size: 24px; color: #999999; text-align: center;}
.newsearch-challenge .left{ float: left; width: 265px; padding-bottom: 62px; position: relative; z-index: 2;}
.newsearch-challenge .left .ico{ text-align: center; padding: 80px 30px 90px;}
.newsearch-challenge .left .ico img{ display: inline-block; margin:10px;}
.newsearch-challenge .left .text{ text-align: center; font-size: 18px; line-height:30px; color: #999999;}
.newsearch-challenge .right{ margin-left: 265px;  border-left:1px solid #d6d6d6;  background: #f8f8f8; position: relative; text-align: left;}
.newsearch-challenge .right .tit{ color: #333333;}
.newsearch-challenge .right .tit span{ font-size: 16px;}
.newsearch-challenge .right .row{ height: 84px; background: #eeeeee;}
.newsearch-challenge .right .row:nth-child(2n){ background: #f8f8f8;}
.newsearch-challenge .right .row-tit{font-size: 24px; color: #2a6cf4;}
.newsearch-challenge .right .row>div{ float: left; width:24%; height: 84px; line-height: 84px; text-align: center;}
.newsearch-challenge .right .row div img{ margin:0 13px; display: inline-block; vertical-align: middle; text-align: center;}
.newsearch-challenge .right .row .div-01{ position: relative;  padding:0 1%; }
.newsearch-challenge .right .row .div-01 span{ position: relative; display: inline-block; vertical-align: middle; width: 150px; height: 38px; line-height: 36px; border-radius:19px; font-size: 18px; color: #2a6cf4; border: 1px solid #2a6cf4;}
.newsearch-challenge .right .row .div-01 span i{ color: #666; display:inline-block; position: absolute; top:45px; right:24px; background: url(../images/ico_shu_jt.png) no-repeat left; padding-left:28px; font-size: 16px; line-height: 30px; font-style: normal;}
.newsearch-challenge .right .row .div-02{ width: 38%;}
.newsearch-challenge .right .row .div-03{ width: 38%; text-align: left; text-align: center;}
.newsearch-challenge .right .row .div-03 span{ margin: 0 3px; display: inline-block; min-width:80px; font-size:16px;}
.newsearch-challenge .right .row .div-03 i{ margin: 0 3px; display: inline-block;  vertical-align: middle; width: 1px; height:8px; background: #FFFFFF; opacity: .3;}
.newsearch-challenge .right .row .div-03 span:nth-child(1){ position:relative; padding-left: 26px; color: #2a6cf4; font-size: 18px;}
.newsearch-challenge .right .row .div-03 span:nth-child(1):before{ content: ""; position: absolute; margin-top:-12px; top:50%; left:0; width: 24px; height: 24px; background-size: cover; background-image: url(../images/ico_right.png);}
.newsearch-challenge .right .tiaozhan-line{ position: absolute; top:190px; left:40px;}
.newsearch-challenge .mb-content{ margin: 0.8rem 0;}
.newsearch-challenge .mb-content img{ width: 100^;}

.newsearch-operate{ padding: 45px 0 75px;}
.newsearch-operate .home-tit p{ max-width: 800px; margin:10px auto 0;}
.newsearch-operate ul{ margin-bottom: 75px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.newsearch-operate li{ margin-top: 50px; width: 22%; max-width:348px;}
.newsearch-operate li span{ display: block; padding: 16px 0; text-align: center; position: relative; font-size: 24px; color:#333333; font-weight:bold;}
.newsearch-operate li span:after{  content: ""; position: absolute; bottom: 0; left:50%; width: 20px; margin-left: -10px; height:2px; background: #2a6cf4;}
.newsearch-operate li p{ margin-top: 15px; font-size: 16px; line-height: 30px; text-align: justify;}

.newsearch-case{ padding-top: 50px; background: #f8f8f8;}
.newsearch-case .top{ position: relative; padding-right:220px; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; }
.newsearch-case .top .home-button{ position: absolute; bottom:30px; right: 0;}
.newsearch-case .top .home-tit{ text-align: left;}
.newsearch-case .top .home-tit h2:after{ left:0; margin-left: 0;}
.newsearch-case-big .swiper-slide{ padding: 40px 60px;}
.newsearch-case-big .swiper-button-next,
.newsearch-case-big .swiper-button-prev{ margin-top:-20px; width: 40px; height: 40px; background-size: cover;}
.newsearch-case-big .swiper-button-next{ background-image: url(../images/about_next.png);}
.newsearch-case-big .swiper-button-prev{ background-image: url(../images/about_prev.png);}
.newsearch-case-big .swiper-button-next:hover{ background-image: url(../images/about_nexth.png);}
.newsearch-case-big .swiper-button-prev:hover{ background-image: url(../images/about_prevh.png);}
.newsearch-case-big .box .left{ float: left; width:50%; }
.newsearch-case-big .box .left .img{ width: 680px; height:400px; background-size: cover; padding:30px 96px 33px; background-image: url(../images/diannao.png); position: relative;}
.newsearch-case-big .box .left .img img{ width: 100%;}
.newsearch-case-big .box .right{ margin-left: 740px; max-width: 650px;}
.newsearch-case-big .box .right .con{ border-bottom: 1px solid #a6c0f6; padding-bottom: 20px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.newsearch-case-big .box .right .con .img{ width: 27%; max-width: 170px; background: #FFFFFF; }
.newsearch-case-big .box .right .con .text{ width: 69%; line-height: 24px; color: #999999; padding-top: 12px;}
.newsearch-case-big .box .right .tit{ font-size: 18px; color: #333333; font-weight: bold; margin-top: 30px;}
.newsearch-case-big .box .right .des{ margin-top: 10px; font-size: 16px; line-height: 30px;}
.newsearch-case .content{ position: relative; background: #eeeeee;}
.newsearch-case .content:after{ content: ""; position: absolute; top:-18px; left:50%; margin-left: -20px; width: 0; height: 0; border-left:40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #eeeeee;}
.newsearch-case-small.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.newsearch-case-small{ padding:30px 0;}
.newsearch-case-small .swiper-slide{ padding:0 40px;}
.newsearch-case-small .swiper-slide span{ background: #FFFFFF; display: block;}


/* ========== */
/* = PROSERVEER = */
/* ========== */
.proserveer{ padding: 50px 0 60px;}
.proserveer .home-tit{ position: relative;}
.proserveer .home-tit .sub{ position: absolute; top:-100px; left:0;}
.proserveer ul{ margin: 0 -40px 80px;}
.proserveer li{ margin-top: 80px; float: left; width: 25%; padding: 0 40px;}
.proserveer li .box{ border-radius:20px 0 20px 0; padding:17% 10px 18%; display: block; text-align: center; -webkit-box-shadow:0 5px 12px rgba(0,0,0,.08); box-shadow:0 5px 12px rgba(0,0,0,.08);}
.proserveer li .box span{ background:#f8f8f8; border-radius: 100%; overflow: hidden; display: inline-block;}
.proserveer li .box .tit{  margin-top: 25px; font-size: 24px; color: #333333; font-weight: bold;  text-transform: uppercase;}
.proserveer li .box .des{ margin-top: 12px; font-size: 18px; line-height: 36px; min-height: 36px; color: #999999;}
.proserveer li .box .home-button{ margin-top: 45px; font-style: normal; max-width: 80%;}
.proserveer .ul-02{ margin: 0 -20px 80px;}
.proserveer .ul-02 li{ width: 20%; padding: 0 20px;}


/* ========== */
/* = REDBOOK = */
/* ========== */
.redbook-why{ padding: 50px 0 80px;}
.redbook-why .content{ margin: 85px 0 65px;  display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.redbook-why .content .img{ width: 47%;}
.redbook-why .content .text{ width: 47%;}
.redbook-why .content .text .tit{ padding-bottom: 10px; font-size:30px; font-weight: bold; color: #333333; position: relative;}
.redbook-why .content .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height:4px; background: #2a6cf4;}
.redbook-why .content .text li{ margin-top: 50px; padding-left: 5%; max-width:520px;}
.redbook-why .content .text li span{ display: block; font-size: 24px; color: #333333; font-weight: bold;}
.redbook-why .content .text li p{ margin-top: 25px; font-size: 18px; line-height: 36px;}
.redbook-service{ padding: 50px 0 80px; background:#f8f8f8;}
.redbook-service .content{ margin: 55px 0 80px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items: flex-end;}
.redbook-service ul{ margin-left:5%; width: 44%; padding-bottom: 30px;}
.redbook-service ul li{ margin-top: 50px; float: left; width: 50%; padding-right: 5%;}
.redbook-service ul li:nth-child(2n+1){ clear: both;}
.redbook-service ul li img{ margin: 0;}
.redbook-service ul li span{ padding: 10px 0; display: block; font-size: 24px; font-weight: bold;  color: #333333; position: relative;}
.redbook-service ul li span:after{ content: ""; position: absolute; bottom: 0; left:0; width:30%; height: 1px; background: #c6c6c6;}
.redbook-service ul li p{ margin-top: 10px; font-size: 16px; line-height: 30px; max-width: 290px;}
.redbook-service .img{ width: 50%; position: relative;}
.redbook-service .img .text{ position: absolute; top:0; right:0; text-align: left; padding-right:6%; font-size: 24px; font-weight: bold; line-height: 36px;}
.redbook-service .img .text span{ color: #333333;}
.redbook-advantage{ padding: 55px 0 80px;}
.redbook-advantage ul{ margin: 0 -40px 80px;}
.redbook-advantage li{ margin-top: 60px; float: left; width: 33.33333%; padding: 0 40px;}
.redbook-advantage li .box{ position: relative; padding: 80px 45px 30px; letter-spacing: 1px;}
.redbook-advantage li .box span{ position: absolute; top:0; right:0;}
.redbook-advantage li .box .tit{ position: relative; font-size: 24px; font-weight: bold; color: #333333; padding-bottom: 20px;}
.redbook-advantage li .box .tit:after{ content: ""; position: absolute; bottom: 0; left:0; max-width: 180px; width: 100%; height: 1px; background: #e5e5e5;}
.redbook-advantage li .box p{ margin-top: 10px; font-size: 18px; line-height: 36px; text-align: justify;}



/* ========== */
/* = HEADLINES = */
/* ========== */
.headlines-why{ padding: 55px 0 80px ;}
.headlines-why ul{ margin: 75px 0; padding: 0 5%;}
.headlines-why ul li{ float: left; width: 33.333333%; padding:  0 3%;}
.headlines-why ul li div{ max-width: 320px; margin: 0 auto; text-align: center;}
.headlines-why ul li span{ display: block; margin-top: 10px; font-size: 24px; color: #333333; font-weight: bold;}
.headlines-why ul li p{ margin-top: 15px; font-size: 16px; line-height: 36px;}

.headlines-service{ padding: 45px 0 80px; background:#f8f8f8;}
.headlines-service ul{ margin: 55px -40px 80px;}
.headlines-service li{ float:left; width: 50%;  padding: 0 40px;}
.headlines-service li .box{ display: flex; flex-flow: wrap; background: #ffffff; justify-content: space-between; align-items:center; border-radius: 25px 0 25px 0; overflow: hidden;}
.headlines-service li .box .img{ width: 32%; position: relative;}
.headlines-service li .box .img span{ position: absolute; top:70px; left:40px; font-size: 30px; font-weight: bold; color: #FFFFFF; display: block; width: 30px; line-height: 36px;}
.headlines-service li .box .tit img{ margin:0;}
.headlines-service li .box .tit span{ margin-top:260%; display: block; font-size: 60px; font-weight: bold; color: #bdccfb;}
.headlines-service li .box .des{ margin-left: 3%; width: 44%; padding-right: 10px;}
.headlines-service li .box .des p { margin: 21% 0;}
.headlines-service li .box .des p:first-child{ margin-top: 0;}
.headlines-service li .box .des p:last-child{ margin-bottom: 0;}
.headlines-service li .box .des p img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.headlines-service li .box .des p span{ display:inline-block; vertical-align: middle; font-size: 24px; font-weight: bold;}

.headlines-advantage{ padding: 35px 0 80px;}
.headlines-advantage ul{ margin: 55px -35px 80px;}
.headlines-advantage li{ float: left; width: 50%; padding: 0 35px;}
.headlines-advantage li .box{ padding: 35px 15px 60px; text-align: center;}
.headlines-advantage li p{ margin-top: 20px; font-size: 24px; font-weight: bold; color: #333333;}


/* ========== */
/* = mgHonors EPR = */
/* ========== */
.epr-why{ padding: 50px 0 70px;}
.epr-why .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.epr-why .text{ width: 46%;}
.epr-why .text .con{ margin: 55px 0 70px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start; text-align: center;}
.epr-why .text .box span{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;}
.epr-why .text .box p{ margin-top: 20px; font-size: 24px; color: #333333;}
.epr-why .img{ width: 48%;}
.epr-why .img img{ width: 100%;}

.epr-service{ padding:55px 0 80px; background: #f8f8f8;}
.epr-service .content{  margin: 60px 0 70px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.epr-service .content .img{ width: 47%;}
.epr-service .content .img img{ width: 100%;}
.epr-service .content ul{ width: 48%;}
.epr-service .content li{ position: relative; height: 120px; margin:7% 0; padding-left: 170px;}
.epr-service .content li:first-child{ margin-top: 0;}
.epr-service .content li:last-child{ margin-bottom: 0;}
.epr-service .content li span{ display: inline-block; position: absolute; top:0; left:0; background: #FFFFFF; border-radius: 100%; overflow: hidden;}
.epr-service .content li div i{ display:block; font-style: normal; font-size: 24px; line-height: 48px; color: #333333; font-weight: bold;}
.epr-service .content li div p{ line-height: 30px; font-size: 16px;}

.epr-advantage{ padding: 45px 0 75px;}
.epr-advantage ul{ margin-bottom: 70px; display: flex; flex-flow: wrap;  justify-content: space-between; }
.epr-advantage li{ margin-top: 50px; width: 23%; max-width: 342px;}
.epr-advantage li{ position: relative; padding:30px; letter-spacing: 1px; overflow: hidden;}
.epr-advantage li .ico{ position: absolute; top:0; right:-20px;}
.epr-advantage li .tit{ position: relative; font-size: 25px; line-height: 36px; font-weight: bold; color: #333333; padding-bottom: 20px;}
.epr-advantage li .tit span{ color: #2a6cf4; font-size: 30px; }
.epr-advantage li .tit:after{ content: ""; position: absolute; bottom: 0; left:0; max-width: 180px; width: 100%; height: 1px; background: #e5e5e5;}
.epr-advantage li .des{ margin-top: 10px; font-size: 16px; line-height: 30px; text-align: justify;}

/* ========== */
/* = SEM = */
/* ========== */
.sem-why{ padding: 80px 0;}
.sem-why .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.sem-why .img{ width: 48%; }
.sem-why .img img{ width: 100%;}
.sem-why .text{ margin-left: -8%;width:60%; background: #FFFFFF; padding:3%;}
.sem-why .con{ margin:48px 0 50px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; }
.sem-why .con p{ margin-top: 10px; font-weight: bold; color: #333333; font-size: 24px; letter-spacing: 1px;}

.sem-service{ padding:40px 0 80px; background: #f8f8f8;}
.sem-service ul{  margin-bottom: 75px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.sem-service li{ margin-top: 50px; background: #ffffff;   width: 23%; max-width: 342px; overflow: hidden; border-radius: 20px 0 20px 0;}
.sem-service li .img{ position: relative;}
.sem-service li .img>img{ width: 100%;}
.sem-service li .img span{ position: absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
.sem-service li .text{ position: relative; padding:30px 20px;}
.sem-service li .tit{ text-align: center;}
.sem-service li .tit span{ color: #333333; font-size: 24px; font-weight: bold; display: block; position: relative; padding-bottom: 12px;}
.sem-service li .tit span:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 56px; margin-left: -28px; height: 1px; background: #e5e5e5;}
.sem-service li .tit p{ margin-top: 10px; font-size: 18px; color: #333333;}
.sem-service li .des{ max-width: 190px; margin: 30px auto 0; font-size: 16px; line-height: 34px;}
.sem-service li .des p{ position: relative; padding-left: 13px;}
.sem-service li .des p:before{ content: ""; position: absolute; top:14px; left:0; width: 6px; height: 6px; border-radius: 100%; overflow: hidden; background: #2a6cf4;}
.sem-service li .num{ position: absolute; bottom:-10px; right:-10px; color: #eff3fe; font-weight: bold; font-size: 100px; line-height: 100px;}

.mb-sem-service{ padding:0.8rem 0;}
.mb-sem-service ul{ margin: 0.8rem 0 0.7rem;}
.mb-sem-service li{ margin-bottom: 0.46666666rem; overflow: hidden; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; border-radius: 0.53333333rem 0 0.53333333rem 0;}
.mb-sem-service li .img{ position: relative; width:48%;}
.mb-sem-service li .img>img{ width: 100%;}
.mb-sem-service li .img i{ font-style: normal; position: absolute; left:0; width: 100%; text-align: center; font-weight: bold; bottom:-0.26666666rem; font-size: 1.33333333rem; line-height: 1.46666666rem; color: #FFFFFF; opacity: .4;}
.mb-sem-service li .img span{ position: absolute; top:1.33333333rem; width: 1.33333333rem; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mb-sem-service li .text{ width: 52%; padding: 0 0.3rem 0 0.93333333rem;}
.mb-sem-service li .tit span{ color: #333333; font-size: 0.32rem; font-weight: bold; display: block; position: relative; padding-bottom: 0.13rem;}
.mb-sem-service li .tit span:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.85333333rem; height: 1px; background: #e5e5e5;}
.mb-sem-service li .tit p{ margin-top: 0.1rem; font-size: 0.26666666rem; color: #333333;}
.mb-sem-service li .des{ margin-top:0.14rem; font-size: 0.26666666rem; line-height:0.44rem; color: #999999;}
.mb-sem-service li .des p{ position: relative; padding-left: 13px;}
.mb-sem-service li .des p:before{ content: ""; position: absolute; top:50%; margin-top:-2px; left:0; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background: #2a6cf4;}


.sem-advantage{ padding: 55px 0 80px;}
.sem-advantage ul{ margin-bottom: 80px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.sem-advantage li{ margin-top: 50px;  width: 23%; max-width: 342px; overflow: hidden;}
.sem-advantage li{ position: relative; padding:60px 32px 30px; letter-spacing: 1px;}
.sem-advantage li span{ position: absolute; top:10px; right:-18px;}
.sem-advantage li .tit{ position: relative; font-size: 24px; font-weight: bold; color: #333333; padding-bottom: 20px;}
.sem-advantage li .tit:after{ content: ""; position: absolute; bottom: 0; left:0; max-width: 180px; width: 100%; height: 1px; background: #e5e5e5;}
.sem-advantage li p{ margin-top: 14px; font-size: 16px; line-height: 30px; text-align: justify;}

/* ========== */
/* = SEO = */
/* ========== */
.seo-service{  padding:50px 0 70px; background: #f8f8f8;}
.seo-service ul{margin-bottom: 80px;}
.seo-service li{ margin-top: 60px; background: #ffffff; float: left; width: 48%; margin-right:4%; overflow: hidden; border-radius: 20px 0 20px 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); 	box-shadow:0 0 20px rgba(0,0,0,.08); padding:4%;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start; position:relative;}
.seo-service li:nth-child(2n){ margin-right: 0;}
.seo-service li .img{ width: 34%; position: relative;}
.seo-service li .img>img{ width: 100%;}
.seo-service li .img span{ position: absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
.seo-service li .text{ width: 61%; max-width: 380px;}
.seo-service li .text .tit{ position: relative; padding-bottom: 12px; color: #333333; text-transform: uppercase;}
.seo-service li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 56px; height: 1px; background: #cccccc;}
.seo-service li .text .tit span{ font-size: 24px; font-weight: bold; display: block; }
.seo-service li .text .tit p{ margin-top: 5px; font-size: 18px;}
.seo-service li .text .num{ position: absolute; top:12%; right:7%; color: #bdccfb; font-weight: bold; font-size: 30px;}
.seo-service li .des{ margin-top:10px; font-size: 16px; line-height: 30px; min-height: 90px;}
.seo-service li .des p{ position: relative; display: inline-block; padding-left: 13px; min-width: 48%;}
.seo-service li .des p:before{ content: ""; position: absolute; top:12px; left:0; width: 6px; height: 6px; border-radius: 100%; overflow: hidden; background: #2a6cf4;}

/* ========== */
/* = PLANMAKE = */
/* ========== */
.planmake-box{ padding: 45px 0 50px;}
.planmake-box .tab{ margin: 55px auto 0; max-width: 790px; position:relative; text-align: center;}
.planmake-box .tab:after{ content: ""; position: absolute; left:0; bottom:11px; width: 100%; border-top: 1px solid transparent; border-image:linear-gradient(to left,rgba(0,0,0,.06),rgba(0,0,0,.4),rgba(0,0,0,.06)) 1 10;}
.planmake-box .tab span{ margin: 0 30px; display: inline-block; vertical-align:middle; position:relative; z-index: 1; cursor: pointer;}
.planmake-box .tab span i{ display: inline-block; width: 15px; height: 15px; border-radius: 100%; padding:2px;}
.planmake-box .tab span i b{ display: block; width: 9px; height: 9px; border-radius: 100%; background: #c8c8c8;}
.planmake-box .tab span p{ margin-bottom: 8px; font-size:24px;}
.planmake-box .tab span.active i{ border:1px solid #2a6cf4; background: #FFFFFF; }
.planmake-box .tab span.active i b{background: #2a6cf4;}
.planmake-box .tab span.active p{ color: #2a6cf4; font-weight: bold;}
.planmake-box .swiper-planmake-box{ margin-top: 85px;}
.planmake-box .con{ display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.planmake-box .con .img{ width: 50%;}
.planmake-box .con .text{ width: 50%; padding-left: 6%;}
.planmake-box .con .text .tit span{ display: block; font-size: 30px; font-weight:bold; color: #333333;}
.planmake-box .con .text .tit p{ font-size: 18px; margin-top: 10px;}
.planmake-box .con .text .box{ margin-top:30px; min-height: 80px;}
.planmake-box .con .text .box span{ float: left; display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-box .con .text .box div{ margin-left: 100px; padding-top: 10px;}
.planmake-box .con .text .box i{ font-weight: bold; color: #333333; font-size: 18px; font-style: normal; position: relative; display: block;}
.planmake-box .con .text .box p{ margin-top:10px; font-size: 18px; text-align: justify;}
.planmake-box .con .text .home-button{ margin: 55px 0 0; background: #2a6cf4; color: #FFFFFF;}

.planmake-why{ padding-bottom: 80px;}
.planmake-why ul{ margin-top: 75px;}
.planmake-why li{ margin-bottom: 80px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center;}
.planmake-why li .img{ width: 50%;}
.planmake-why li .text{ width: 50%; padding-left: 4%;}
.planmake-why li:nth-child(2n) .text{ padding-left: 0; padding-right:4%;}
.planmake-why li .tit{ text-align: center; color: #333333;}
.planmake-why li .tit span{ font-size: 30px; font-weight:bold;}
.planmake-why li .tit p{ margin-top: 20px; font-size: 18px;}
.planmake-why li .box{ margin-top: 45px; float: left; width: 48%; margin-right:4%;}
.planmake-why li .box:nth-child(2n){ margin-right: 0;}
.planmake-why li .box span{ float: left; display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-why li .box div{ margin-left: 100px;}
.planmake-why li .box i{ font-weight: bold; color: #333333; font-size: 24px; font-style: normal; padding-bottom:10px; position: relative; display: block;}
.planmake-why li .box i:after{ content: ""; position: absolute; bottom: 0; left:0; width:100px; height: 1px; background: #cccccc;}
.planmake-why li .box p{ margin-top:5px; font-size: 16px; line-height: 30px; text-align: justify;}

.planmake-process{ padding: 50px 0 80px; background-image: url(../images/planmake_process.jpg);}
.planmake-process .content{ margin: 70px 0 55px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.planmake-process .box{ padding: 30px 15px 15px; width: 16%; background: #FFFFFF; border-radius: 40px 0 40px 0; text-align:center; position: relative; overflow: hidden;}
.planmake-process .box .ico{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-process .box .tit{ font-size: 24px; color: #333333; font-weight: bold; padding: 16px 0; position: relative;}
.planmake-process .box .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-28px; width: 56px; height: 1px; background: #2a6cf4;}
.planmake-process .box .des{ position: relative; z-index: 1;margin: 10px auto 0; max-width: 130px; font-size: 16px; line-height: 34px; color: #999999; text-align: left;} 
.planmake-process .box .des p{ position: relative; padding-left: 13px;}
.planmake-process .box .des p:before{ content: ""; position: absolute; top:12px; left:0; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background: #2a6cf4;}
.planmake-process .box .num{ position: absolute; z-index:0; bottom:-15px; right:20px; font-size: 72px; line-height: 80px; font-weight: bold; color: #eff3fe;}
.planmake-process .jt{ padding-top:10%;}

/* ========== */
/* = ZHIHU = */
/* ========== */
.zhihu-why{ padding: 50px 0 80px;}
.zhihu-why ul{ margin-bottom: 65px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start; }
.zhihu-why li{ margin-top: 65px; width: 23%; max-width:290px; text-align: center;}
.zhihu-why li span{ display: block; font-size: 24px; font-weight:bold; color: #333333; letter-spacing: 1px; margin-top: 10px;}
.zhihu-why li p{ margin-top: 15px; font-size: 16px; line-height: 36px;}

.zhihu-service{ background: #f8f8f8; display: flex; flex-flow: wrap;  justify-content: space-between; }
.zhihu-service .img{ width: 50%; }
.zhihu-service .text{ width: 50%; padding:3% 7% 4% 5%;}
.zhihu-service .home-tit{ text-align: left;}
.zhihu-service .home-tit h2:after{ left:0; margin-left: 0;}
.zhihu-service .home-button{ margin: 30px 0 0;}
.zhihu-service .text li{ margin-top:32px; float: left; width: 45%; max-width: 300px; margin-right:4%;}
.zhihu-service .text li:nth-child(2n){ margin-right: 0;}
.zhihu-service .text li img{ margin: 0; margin-left: -10px;}
.zhihu-service .text li span{ margin-top: 5px; font-weight: bold; color: #333333; font-size: 24px; font-style: normal; padding-bottom:10px; position: relative; display: block;}
.zhihu-service .text li span:after{ content: ""; position: absolute; bottom: 0; left:0; width:100px; height: 1px; background: #cccccc;}
.zhihu-service .text li p{ margin-top: 10px; font-size: 16px; line-height:30px;}
.zhihu-advantage{ padding: 50px 0 80px;}
.zhihu-advantage ul{ margin: 10px 0 70px;}
.zhihu-advantage li{ margin-top: 60px; float: left; width: 48%; margin-right:4%;}
.zhihu-advantage li:nth-child(2n){ margin-right: 0;}
.zhihu-advantage li .text{ padding: 20px; text-align: center;}
.zhihu-advantage li .text span{ display: block; font-size: 24px; font-weight:bold; color: #333333;  letter-spacing: 1px;}
.zhihu-advantage li .text p{ max-width: 490px; margin: 20px auto 0; font-size: 16px; line-height: 30px;}


/* ========== */
/* = FLOW = */
/* ========== */
.flow-why{ padding: 50px 0 80px;}
.flow-why ul{ margin:0 auto 65px; max-width:1260px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start; }
.flow-why li{ margin-top: 65px; width:30%; text-align: center;}
.flow-why li span{ display: block; font-size: 24px; font-weight:bold; color: #333333; letter-spacing: 1px; margin-top: 10px;}
.flow-why li p{ margin-top: 15px; font-size: 16px; line-height: 36px;}

.flow-service{ background: #eeeeee; padding-top: 50px;}
.flow-service .con{ position: relative; margin-top: 15px; padding: 0 90px;}
.flow-service .swiper-button-next{ background-image: url(../images/flow_next.png);}
.flow-service .swiper-button-prev{ background-image: url(../images/flow_prev.png);}
.flow-service .swiper-button-next:hover{ background-image: url(../images/flow_nexth.png);}
.flow-service .swiper-button-prev:hover{ background-image: url(../images/flow_prevh.png);}
.flow-service .swiper-flow-nav .swiper-slide{ position: relative; padding: 40px 0; text-align: center;}
.flow-service .swiper-flow-nav .swiper-slide span{ max-width: 70%; display: inline-block; background: #FFFFFF; border:1px solid #bebebe; border-radius: 20px; overflow: hidden;}
.flow-service .swiper-flow-nav .swiper-slide:before{ display: none; content: ""; position: absolute; bottom:-5px; left:50%; margin-left: -16px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f8f8f8;}
.flow-service .swiper-flow-nav .swiper-slide-thumb-active:before{ display: block;}
.flow-service .content{ background: #f8f8f8; padding: 35px 0 70px;}
.flow-service .swiper-pagination{ left:auto; text-align: right; right:0; width: 200px; line-height:60px; height: 60px; font-size: 48px; color: #333333;}
.flow-service .swiper-pagination span{ margin: 0;}
.flow-service .swiper-pagination .swiper-pagination-total{  font-size: 36px; color: #999999; padding-top: 10px; line-height:50px;}
.flow-service .swiper-flow .box{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.flow-service .swiper-flow .box .img{ width: 40%; text-align: center;}
.flow-service .swiper-flow .box .img div{ display: none;}
.flow-service .swiper-flow .box .img div.active{ display: block;}
.flow-service .swiper-flow .box .img img{ width: 100%;}
.flow-service .swiper-flow .box .img p{ margin-top: 10px; color: #333333; font-size: 18px;}
.flow-service .swiper-flow .box .text{ width: 55%;}
.flow-service .swiper-flow .box .text .tit{ padding-bottom: 12px; font-size: 24px; font-weight: bold; color: #333333; position: relative;}
.flow-service .swiper-flow .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:150px; height: 1px; background: #c6c6c6;}
.flow-service .swiper-flow .box .text .des{ margin: 15px 0 25px; font-size: 16px; line-height: 30px;}
.flow-service .swiper-flow .box .text .tip{ font-size: 0;}
.flow-service .swiper-flow .box .text .tip span{ display: inline-block; line-height: 28px; min-width: 152px; text-align: center; border:1px solid #2b6cf4; color: #2b6cf4; padding: 0 10px; border-radius: 15px; overflow: hidden; font-size: 16px; margin: 20px 20px 0 0; cursor: pointer;} 
.flow-service .swiper-flow .box .text .tip span.active{ background: #2b6cf4; color: #FFFFFF;}
.flow-service .swiper-flow .box .home-button{ margin: 60px 0 0;}


.mb-flow-service{ padding:0.66666666rem 0;}
.mb-flow-service .con{  padding: 0 0.6rem; position: relative;}
.mb-flow-service .swiper-button-next{ background-image: url(../images/flow_next.png);}
.mb-flow-service .swiper-button-prev{ background-image: url(../images/flow_prev.png);}
.mb-flow-service .swiper-button-next,
.mb-flow-service .swiper-button-prev{ width: 0.53333333rem; height: 0.53333333rem; margin-top: -0.26666666rem;}
.mb-flow-service .mb-swiper-flow-nav .swiper-slide{ position: relative; padding:0.53333333rem 0; text-align: center;}
.mb-flow-service .mb-swiper-flow-nav .swiper-slide span{ max-width: 80%; display: inline-block; background: #FFFFFF; border:1px solid #bebebe; border-radius:0.26666666rem; overflow: hidden;}
.mb-flow-service .mb-swiper-flow-nav .swiper-slide:before{ display: none; content: ""; position: absolute; bottom:-0.1rem; left:50%; margin-left: -0.3rem ; width: 0; height: 0; border-left: 0.3rem solid transparent; border-right: 0.3rem  solid transparent; border-bottom:  0.3rem solid #f8f8f8;}
.mb-flow-service .mb-swiper-flow-nav .swiper-slide-thumb-active:before{ display: block;}
.mb-flow-service .content{ background: #f8f8f8; padding:0.4rem 0.8rem;}
.mb-flow-service .mb-swiper-pagination{ display: none;}
.mb-flow-service .mb-swiper-flow .swiper-slide{ padding-bottom: 0.25rem; }
.mb-flow-service .mb-swiper-flow .box{ display: block; }
.mb-flow-service .mb-swiper-flow .box .tit{ padding-bottom: 0.13333333rem; font-size: 0.32rem; font-weight: bold; color: #333333; position: relative;}
.mb-flow-service .mb-swiper-flow .box .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:2.13333333rem; height: 1px; background: #c6c6c6;}
.mb-flow-service .mb-swiper-flow .box .des{ margin: 0.2rem 0 0.33333333rem; font-size: 0.26666666rem; line-height: 0.48rem;}
.mb-flow-service .mb-swiper-flow .box .tip{ font-size: 0; width: 102%;}
.mb-flow-service .mb-swiper-flow .box .tip span{ display: inline-block; line-height:0.53333333rem; min-width:2.3rem; text-align: center; border:1px solid #2b6cf4; color: #2b6cf4; padding: 0 0.22rem; border-radius: 15px; overflow: hidden; font-size: 0.26666666rem; margin:0.2rem 0.2rem 0 0; cursor: pointer;} 
.mb-flow-service .mb-swiper-flow .box .tip span.active{ background: #2b6cf4; color: #FFFFFF;}
.mb-flow-service .mb-swiper-flow .box .img{ margin-top: 0.26666666rem; width: 100%; text-align: center;}
.mb-flow-service .mb-swiper-flow .box .img div{ display: none;}
.mb-flow-service .mb-swiper-flow .box .img div.active{ display: block;}
.mb-flow-service .mb-swiper-flow .box .img img{ width: 100%;}


.flow-advantage{ padding: 35px 0 80px;}
.flow-advantage ul{ margin-bottom: 75px;  display: flex; flex-flow: wrap;  justify-content: space-between; }
.flow-advantage li{ margin-top: 80px; width: 23%; max-width: 340px; position:relative;}
.flow-advantage li:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a6cf4; opacity:.4;}
.flow-advantage li span{ position: absolute; z-index: 1; text-align: center; width: 100%; left:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 24px; line-height: 50px; color: #FFFFFF; font-weight: bold;}
.flow-advantage li span:after{ content: ""; position: absolute; bottom: 0; left:25%; width: 50%; height: 1px; background: #FFFFFF;}


/* ========== */
/* = SEO_SYSTEM = */
/* ========== */
.seo-system{ padding: 92px 0 160px; background-image: url(../images/seo_system_bg.jpg); background-position: top center;}
.seo-system-list{ margin-top: 90px;}
.seo-system-list li{ margin-bottom:65px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.seo-system-list li .img{ width: 49%;}
.seo-system-list li .text{ width: 35%; margin-right:6%; position: relative;}
.seo-system-list li .text .tit{ padding-bottom: 12px;text-transform: uppercase; position: relative;}
.seo-system-list li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:150px; height: 1px; background: #2a6cf4;}
.seo-system-list li .text .tit span{ font-size: 30px; color: #333333; font-weight: bold;}
.seo-system-list li .text .tit p{ margin-top:12px; font-size: 18px;}
.seo-system-list li .text .des{  margin-top: 10px; text-align: justify; max-width: 440px; font-size: 18px; line-height: 36px; }
.seo-system-list li .text .des span{ font-weight: bold; color:#333333;}
.seo-system-list li .text .home-button{ margin: 40px 0 0 ;}
.seo-system-list li .text .num{ position: absolute; top:0; right: 5%; color: #2a6cf4; opacity: .05; font-weight: bold; font-size: 200px; line-height: 200px;}
.seo-system-list li:nth-child(2n) .text{ margin-right: 0; margin-left: 15%;}
.seo-system-list li:nth-child(2) .text,
.seo-system-list li:nth-child(5) .text{  color: #FFFFFF;}
.seo-system-list li:nth-child(2) .text .tit:after,
.seo-system-list li:nth-child(5) .text .tit:after{ background: #FFFFFF;}
.seo-system-list li:nth-child(2) .text .tit span,
.seo-system-list li:nth-child(5) .text .tit span{ color: #FFFFFF;}
.seo-system-list li:nth-child(2) .text .des span,
.seo-system-list li:nth-child(5) .text .des span{ color: #FFFFFF;}
.seo-system-list li:nth-child(2) .text .num,
.seo-system-list li:nth-child(5) .text .num{ color: #FFFFFF; opacity: .1;}

/* ========== */
/* = MEDIA = */
/* ========== */
.media-tab{ padding-top: 55px;}
.media-why{ padding: 80px 0;}
.media-why .container{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.media-why .img{ width: 48%;}
.media-why .img img{ width: 100%;}
.media-why .text{ width:60%;  margin-left: -8%;  position: relative; z-index:1 ; background: #FFFFFF; padding:3% 3% 4%;}
.media-why .con{ margin:48px 0 70px; display: flex; flex-flow: wrap; justify-content: space-between; align-items:center; }
.media-why .con p{ margin-top: 10px; font-weight: bold; color: #333333; font-size: 24px; letter-spacing: 1px;}
.media-service{ padding: 50px 0 120px; background: #f8f8f8;}
.media-service .content{ margin-top: 50px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; }
.media-service .img{ width: 45%;}
.media-service .content .img img{ width: 100%;}
.media-service .content .text{ width: 50%;}
.media-service .content .text .des{ font-size: 24px; line-height: 36px; text-align: justify;}
.media-service .content .text ul{ margin-top: 65px;  display: flex; flex-flow: wrap; justify-content: space-between; align-items:flex-start;}
.media-service .content .text li{ max-width: 33%; text-align: center;}
.media-service .content .text li span{ border-radius: 100%; overflow:hidden; background: #FFFFFF; display: inline-block;}
.media-service .content .text li p{ font-size: 24px; line-height: 36px; color: #333333; font-weight: bold; }
.media-service .content .text .home-button{ margin: 50px 0 0;}

/* ========== */
/* = SOLUTION = */
/* ========== */
.solution{ padding-bottom: 150px;}
.solution-list{ margin: 0 -40px;}
.solution-list li{ float: left; width: 33.3333%; margin-top: 78px; padding: 0 40px;}
.solution-list li .img{ position: relative; overflow: hidden;}
.solution-list li .img img{ width: 100%;}
.solution-list li .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: .4;}
.solution-list li p{ line-height: 70px; background:#f8f8f8; padding: 0 90px 0 17px; position: relative; font-size: 24px; color: #070707; position: relative;}
.solution-list li p:after{ content: ""; position: absolute; top:50%;  margin-top: -10px; right:15px; width:56px; height: 20px; background-image: url(../images/solution_more.png); background-size: cover;}
.solution-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.solution-list li a:hover .img:after{ opacity:.1;}
.solution-list li a:hover p{ color: #2a6cf4;}

/* ========== */
/* = SOLUTION_DETAIL = */
/* ========== */
.solution-pain{ padding:46px 0 48px;}
.solution-pain .img{ margin-top: 40px;}
.solution-journey{ padding: 50px 0 80px; background: #f8f8f8;}
.solution-journey .home-tit p{ max-width: 890px; margin: 40px auto 0; font-size: 18px; line-height: 36px;}
.solution-journey .content{ margin: 60px 0;}
.solution-journey .row{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; background: #d5e2fd;}
.solution-journey .row .tit{ height: 200px; width: 18.125%; border-right: 1px solid #eff4fe; padding-top: 70px; text-align: center;}
.solution-journey .row .tit div{ font-size: 24px; text-align: left; display: inline-block; color: #333333;}
.solution-journey .row .tit span{ display: block; font-weight: bold;}
.solution-journey .row .tit p{ margin-top: 5px;}
.solution-journey .row .con{ width: 81.875%;}
.solution-journey .row .con{ padding: 0 4%; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.solution-journey .row:nth-child(2){  background: #aac4fb;}
.solution-journey .row:nth-child(1) .con span{ display: inline-block; vertical-align: middle; background: #2b6cf4; font-size: 24px; color: #FFFFFF; width: 150px; line-height: 40px; border-radius: 20px; text-align: center;}
.solution-journey .row:nth-child(1) .con i{ display: inline-block; font-style: normal; vertical-align: middle;}
.solution-journey .row:nth-child(1) .con b{ font-weight: normal; font-size: 18px; color: #2b6cf4;}
.solution-journey .row:nth-child(1) .con img{ margin-bottom: 14px;}
.solution-journey .row:nth-child(2) .con{ text-align: center; padding: 0 2%;}
.solution-journey .row:nth-child(2) .con img{  margin: 0 2px; display: inline-block; vertical-align: middle;}
.solution-journey .row:nth-child(2) .con div:nth-child(1){ width: 70%; }
.solution-journey .row:nth-child(2) .con div:nth-child(2){ width: 30%; }
.solution-journey .row:nth-child(3) .con{  align-items:flex-start;}
.solution-journey .row:nth-child(3) .con .text{ width:25%; position: relative;  font-size:18px; line-height: 28px; padding-left: 60px;} 
.solution-journey .row:nth-child(3) .con .text span{ position: absolute; top:0; left:0; font-size: 24px; font-weight: bold; color: #333333; font-weight: bold;}
.solution-journey .mb-content{ margin: 0.8rem 0;}

.solution-case{ padding:105px 0 80px;}
.solution-case ul{ margin: 0 -40px 80px;}
.solution-case li{ float: left; width: 33.333333%; margin-top: 60px; padding: 0 40px;}
.solution-case li .box{ position: relative; border-radius: 25px 0 25px 0; overflow: hidden;}
.solution-case li .box .img{ position: relative;}
.solution-case li .box .img>img{ width: 100%;}
.solution-case li .box .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: .4;}
.solution-case li .box .img span{ position: absolute; z-index: 1; bottom: -35px; left:50%; margin-left: -50px; border-radius: 100%; overflow: hidden; background: #f8f8f8;}
.solution-case li .text{ padding: 50px 25px 0;}
.solution-case li .text .tit{ padding-bottom: 20px; position: relative; text-align: center;}
.solution-case li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -20px; width: 40px; height: 4px; background: #2a6cf4;}
.solution-case li .text .tit span{ display: block; font-size: 24px; color: #333333; font-weight: bold;}
.solution-case li .text .tit p{ margin-top: 5px; font-size: 18px; color: #999999;}
.solution-case li .text .des{ margin-top: 30px; min-height: 210px; max-width: 390px;}
.solution-case li .text .des p{ margin-bottom: 15px; position: relative; font-size: 16px; line-height: 24px; padding-left:30px;}
.solution-case li .text .des p:before{ content: ""; position: absolute; top:0; left:0; background-image: url(../images/ico_right.png); width:24px; height: 24px; background-size: cover;}

.solution-service{ padding: 50px 0 130px; background-image:url(../images/solution_service_bg.jpg);}
.solution-service ul{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.solution-service li{ margin-top:75px; width: 12%; max-width: 160px;}
.solution-service li a{ display: block; position: relative; border-radius: 100%; overflow: hidden;}
.solution-service li a:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: .5;}
.solution-service li a p{ position: absolute; z-index: 1; top:50%; left:0; width: 100%; text-align: center; font-size:24px; color: #FFFFFF; text-transform: uppercase; line-height: 30px; margin-top: -15px;}
.solution-service li a:hover:after{ opacity: .2;}



/* ========== */
/* = CASE_MARKET = */
/* ========== */
.case{ padding: 40px 0 80px;}
.case-tab{ margin-bottom: 50px; font-size: 0;}
.case-tab a{ display: inline-block; vertical-align: middle; margin:0 30px 30px 0; border-radius: 6px; overflow: hidden; padding: 0 3px;  min-width: 100px; text-align: center; line-height: 36px; border: 1px solid #cccccc; color: #999999; font-size: 18px;}
.case-tab a:hover{ border: 1px solid  #2a6cf4; color: #2a6cf4; }
.case-tab a.active{ background: #2a6cf4; color: #fff; border: 1px solid #2a6cf4; }
.case-list{ margin: 0 -35px;}
.case-list li{ margin-bottom: 70px; float: left; width: 33.333333%; padding: 0 35px;}
.case-list li:nth-child(3n+1){ clear: both; }
.case-list li .box{ display: block; background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1); padding:12%;}
.case-list li .box .img{ border: 1px solid #eeeeee; display: inline-block; max-width:70%;}
.case-list li .box .tit{ margin-top: 30px; position: relative; padding-right: 70px; color: #999999; font-size: 16px;}
.case-list li .box .tit:after{ content: ""; position: absolute; margin-top:-10px; top:50%; right:0; width: 56px; height: 20px; background-size: cover; background-image:url(../images/solution_more.png);}
.case-list li .box .tit span{ margin-right: 10px; font-size: 24px; color: #333333; letter-spacing: 2px;}
.case-list li .box .des{ margin-top: 30px; font-size: 18px; line-height: 36px; height: 72px; overflow: hidden; text-align: justify;}
.case-list li .box .tip{ font-size:0; width: 110%; min-height: 100px;}
.case-list li .box .tip span{ margin-right:8%; display:inline-block; padding: 0 10px; min-width:25%; margin-top:20px; font-size: 16px; line-height: 28px; color: #999999; border: 1px solid #999999; text-align: center;}
.case-list li .box:hover .tit span{ color: #2a6cf4;}
.case-list li .box:hover .tit:after{ background-image: url(../images/solution_more_blue.png);}

.market-logo{ padding: 40px 0 80px; background: #f8f8f8;}
.market-logo ul{ margin: 60px 0 70px;}
.market-logo li{ float: left; width: 20%; border-top: 1px dashed #dfdfdf; border-right: 1px dashed #dfdfdf; padding:35px 10px;}
.market-logo li:nth-child(1),
.market-logo li:nth-child(2),
.market-logo li:nth-child(3),
.market-logo li:nth-child(4),
.market-logo li:nth-child(5){ border-top: none;}
.market-logo li:nth-child(5n){ border-right: none;}


/* ========== */
/* = CASE_MARKET_DETIAL = */
/* ========== */
.case-detail{ padding: 80px 0; background: #FFFFFF;}
.case-detail .container{ display: flex; flex-flow: wrap; justify-content: space-between;  align-items:flex-start;}
.case-detail .left{ width: 35%;}
.case-detail .left img{ width: 100%;}
.case-detail .right{width: 61%; padding: 4% 5% 1%;}
.case-detail .right .title{ padding-bottom: 14px; border-bottom:1px solid #aac4fb; position: relative; padding-right: 200px; color: #333333; font-size: 18px;}
.case-detail .right .title .home-button{ position: absolute; top:0; right:0;}
.case-detail .right .title span{ margin-right: 10px; font-size: 36px; font-weight: bold;}
.case-detail .detail{ margin-top:20px; color: #999999; font-size: 18px; line-height: 30px;}
.case-detail .detail .tit{ margin-bottom: 10px; font-size: 24px; color: #333333;}
.case-detail .detail .des{ margin-bottom: 20px;}
.case-detail .detail .des span{ color: #2a6cf4;}
.case-detail .detail .des .p-tip{ margin-top: 10px;  position: relative; padding-left:60px;}
.case-detail .detail .des .p-tip span{ position: absolute; top:0; left:0; font-weight: bold; color: #2a6cf4;}
.case-detail .detail .result p{ position: relative; padding-left:28px;}
.case-detail .detail .result p:before{ content: ""; position: absolute; top:3px; left:0; background-image: url(../images/ico_right2.png); width: 24px; height: 24px; background-size: cover;}

.xg-case{ padding: 70px 0; background: #f8f8f8;}
.xg-case-list{ margin: 0 -40px;}
.xg-case-list li{ margin-top: 60px;  float: left; width: 33.333333%; padding: 0 40px;}
.xg-case-list li .box{ display: block; background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1); padding:11%;}
.xg-case-list li .box .con{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.xg-case-list li .box .img{ border: 1px solid #eeeeee; display: inline-block; width:45%;}
.xg-case-list li .box .tit{ width: 46%;}
.xg-case-list li .box .tit span{ padding-bottom: 10px; margin-bottom: 10px; position: relative; display: block; position: relative; font-size: 24px; color: #333333; font-weight: bold;}
.xg-case-list li .box .tit span:after{ content: ""; position: absolute; bottom: 0; left:0; display: block;  width: 20px; height: 1px; background: #2a6cf4;}
.xg-case-list li .box .des{ font-size: 18px; line-height: 36px; margin-top: 25px; height: 72px; overflow: hidden; text-align: justify;}
.xg-case-list li .box .more{ margin-top: 10px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.xg-case-list li .box .more span{ font-size:16px; color: #999999;}
.xg-case-list li .box .more i{ display: inline-block; width: 56px; height: 20px; background-size: cover; background-image:url(../images/solution_more.png);}
.xg-case-list li .box:hover .tit span{ color: #2a6cf4;}
.xg-case-list li .box:hover .more i{ background-image:url(../images/solution_more_blue.png); }
.xg-theme span{ float: left; font-weight: bold; color: #333333; font-size: 36px; letter-spacing:2px;}
.xg-theme .home-button{ float: right;}


/* ========== */
/* = webcase = */
/* ========== */
.webcase{ padding: 75px 0 105px;}
.webcase .content{ margin:90px -40px 30px;}
.webcase .article {display: block; position: relative; width:50%; float: left; padding: 0 40px;}
.webcase .article:nth-child(2){ margin-top: 80px; }
.webcase .article:nth-child(2n+1){ margin-top: -80px; }
.webcase .article:nth-child(1){ margin-top: 0; }
.webcase .article .box{ display: block;}
.webcase .article .box .img{ position: relative; overflow: hidden;}
.webcase .article .box .img img{ width: 100%;}
.webcase .article .box .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: 0; -webkit-transition: all ease .3s;  transition: all ease .3s;}
.webcase .article .box .con{ display: none; position: absolute; top:50%; width: 100%; left:0; text-align: center; color: #FFFFFF; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.webcase .article .box .con p{ font-size: 24px; position: relative; padding-bottom: 15px;}
.webcase .article .box .con p:after{  content: ""; position: absolute; bottom: 0; left:50%; margin-left: -10px; display: block;  width: 20px; height: 1px; background: #FFFFFF;}
.webcase .article .box .con i{ margin-top: 12px; padding-left: 30px; display: inline-block; font-size: 18px; line-height: 30px; font-style: normal; position: relative;}
.webcase .article .box .con i:before{ content:""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-image:url(../images/case_search.png); background-size: cover;}
.webcase .article .box .text{ padding:30px 40px;}
.webcase .article .box .text .tit{ padding-bottom: 12px; font-weight: bold; font-size:24px; color: #333333; position: relative; }
.webcase .article .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; display: block;  width: 20px; height: 1px; background: #2a6cf4;}
.webcase .article .box .text .tip{ margin-top: 12px; position: relative; padding-right: 70px; font-size: 16px; color: #999999;}
.webcase .article .box .text .tip:after{ content: ""; position: absolute; top:50%;  margin-top: -10px; right:0; width:56px; height: 20px; background-image: url(../images/solution_more.png); background-size: cover;}
.webcase .article .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.webcase .article .box:hover .img:after{ opacity:.6;}
.webcase .article .box:hover .con{ display: block;}
.webcase .article .box:hover .text .tit{ color: #2a6cf4;}
.webcase .article .box:hover .tip:after{ background-image: url(../images/solution_more_blue.png);}


/* ========== */
/* = webcase = */
/* ========== */
.webcase-detail-banner{ padding: 80px 0 55px;}
.webcase-detail-banner .content{ position: relative; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.webcase-detail-banner .content .bg{ position:absolute; z-index:0; top:0; right:0; max-width: 40%;}
.webcase-detail-banner .img{display: block; background-size: cover; background-image: url(../images/case_website_computer.png); width: 676px; height: 558px; padding:32px 33px 0;}
.webcase-detail-banner .img div{ position: relative;}
.webcase-detail-banner .img img{ width: 100%;}
.webcase-detail-banner .img div:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000000; opacity:.6;}
.webcase-detail-banner .img div span{ position: absolute; z-index:1; top:50%; left:50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-size: cover; background-image: url(../images/ico_play.png);}
.webcase-detail-banner .text{ width: 45%; color: #FFFFFF; position: relative; z-index: 1;}
.webcase-detail-banner .text .title{ padding-bottom: 20px; position: relative; font-size: 24px;}
.webcase-detail-banner .text .title span{ font-size: 36px; font-weight: bold;}
.webcase-detail-banner .text .title:after{ content: ""; position: absolute; bottom: 0; left:0; width:80px; height:2px; background: #FFFFFF;}
.webcase-detail-banner .text .tip{ margin-top: 20px; font-size: 16px;}
.webcase-detail-banner .text .des{ margin:5% 0 10%; text-align: justify; font-size: 18px; line-height: 34px;}
.webcase-detail-banner .text .webcase-button{ border:1px solid #FFFFFF; }
.webcase-detail-banner .text .webcase-button i{background-image: url(../images/ico_view.png);}
.webcase-detail-banner .text .webcase-button span{ color: #FFFFFF;}

.webcase-detail { padding: 60px 0 70px; position:relative;}
.webcase-detail .content{ position: relative; z-index: 1; padding-bottom: 20px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-start;}
.webcase-detail .content:after{ content: ""; position: absolute; top:20px; right:0; background-image: url(../images/website_detail_logo.png); width: 361px; height: 361px;}
.webcase-detail .detail{ width: 50%; min-height: 600px; }
.webcase-detail .detail img{ width: 100%;}
.webcase-detail .text{ width: 47%; padding-top: 10px; position:relative; z-index: 1; background: #ffffff;}
.webcase-detail .text.fx{ position: fixed; top:115px;}
.webcase-detail .text .tit{ margin-bottom:8px; font-size: 20px; color: #333333;font-weight: bold;}
.webcase-detail .text .color{ margin-top: 20px;}
.webcase-detail .text .color .box{ margin-right:6%; display: inline-block; vertical-align: middle; text-align: center;}
.webcase-detail .text .color .box span{ display:block; width:60px; height: 60px; border-radius: 10px; border:1px solid #ebebeb; -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);}
.webcase-detail .text .color .box p{  color: #333333;}
.webcase-detail .text .des .font{ display: inline-block; min-width: 30%; margin-right:2%;}
.webcase-detail .text .des .font span{ display: block; color: #333333;}
.webcase-detail .text .des{ margin-bottom:20px; font-size: 16px; line-height: 26px; color: #999999; text-align: justify;}
.webcase-button{ display: inline-block; border:1px solid #2a6cf4; padding:6px 30px;}
.webcase-button i{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_dingzhi.png);}
.webcase-button span{ margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 18px; color: #2a6cf4;}

@media (max-height:690px){
	.webcase-detail .text .color .box span{ width: 40px; height: 40px; border-radius: 10px; }
	.webcase-detail .text .color .box p{  font-size: 13px; }
	.webcase-detail .text .tit{ font-size: 18px; }
	.webcase-detail .text .des{ font-size: 14px; line-height: 24px; }
}

.xg-webcase{ padding:70px 0 55px; background: #f8f8f8; position:relative; z-index:4;}
.xg-webcase ul{ margin: 0 -40px;}
.xg-webcase li{  margin-top: 55px; float: left; width: 33.333%; padding: 0 40px; }
.xg-webcase li .box{ display: block;}
.xg-webcase li .box .img{ position: relative; overflow: hidden;}
.xg-webcase li .box .img div{ width: 100%; padding-bottom: 68%; }
.xg-webcase li .box .img img{ width: 100%;}
.xg-webcase li .box .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #2a6cf4; opacity: .3; -webkit-transition: all ease .3s;  transition: all ease .3s;}
.xg-webcase li .box .text{ padding:20px;}
.xg-webcase li .box .text .tit{ padding-bottom: 12px; font-weight: bold; font-size:24px; color: #333333; position: relative; }
.xg-webcase li .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; display: block;  width: 20px; height: 1px; background: #2a6cf4;}
.xg-webcase li .box .text .tip{ margin-top: 12px; position: relative; padding-right: 70px; font-size: 16px; color: #999999;}
.xg-webcase li .box .text .tip:after{ content: ""; position: absolute; top:50%;  margin-top: -10px; right:0; width:56px; height: 20px; background-image: url(../images/solution_more.png); background-size: cover;}
.xg-webcase li .box:hover .img div{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.xg-webcase li .box:hover .tit{ color: #2a6cf4;}
.xg-webcase li .box:hover .tip:after{ background-image: url(../images/solution_more_blue.png);}

/* ========== */
/* = WECHATAPPLET = */
/* ========== */
.wechat-list{ margin: 0 -40px 80px;}
.wechat-list li{ float:left; width: 33.3333%; padding: 0 40px; margin-top: 80px;}
.wechat-list li:nth-child(3n+1){ clear: both; }
.wechat-list .item{ padding:20px;}
.wechat-list .item .img{ float: left; width: 240px; height: 412px; padding:7px 29px 9px; position: relative;}
.wechat-list .item .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background-image:url(../images/wechat_phone.png); background-size: cover;}
.wechat-list .item .img img{ width: 100%;}
.wechat-list .item .text{ margin-left: 255px; text-align: center; padding-top:7%;}
.wechat-list .item .text .ico{ display: inline-block; border-radius: 100%; overflow:hidden;}
.wechat-list .item .text .tit{ font-size: 24px; color: #333333; padding: 12px 0; position: relative;}
.wechat-list .item .text .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; width:20px; margin-left: -10px; height: 1px; background: #2a6cf4;}
.wechat-list .item .text .tip{ margin-top:10px; font-size: 18px;}
.wechat-list .item .text .erweima{ margin-top:20%;}
.wechat-list .item .text .erweima p{ margin-top: 5px; font-size: 16px; color: #999999;}


/* ========== */
/* = ABOUT = */
/* ========== */
.about-banner{ background-image:url(../images/about_banner.jpg); display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; color: #333;}
.about-banner:before{ display: none;}
.about-banner .text{ width: 100%;}
.about-banner .text span{ font-weight: bold; font-size: 60px;}
.about-banner .text p{ font-size: 24px; margin-top: 20px;}

.about-box{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center; position:relative;}
.about-box #about{ position:absolute; top:-100px; left:0;}
.about-box .text{ width: 55%; padding:2% 4% 2% 8%;}
.about-box .text img{ margin:0;}
.about-box .text h2{ margin-top: 40px; font-size: 30px; font-weight: bold; color: #333333;}
.about-box .text .tip{ margin-top: 15px; font-size: 24px; color: #333333;}
.about-box .text .des{ margin-top: 10%; text-align: justify; font-size: 18px; line-height: 36px; color: #999999;}
.about-box .right{ width: 45%; padding:3% 1% 6% 4%; background-image: url(../images/about_box_bg.jpg); color: #FFFFFF;}
.about-box .right .home-tit{ text-align: left;}
.about-box .right .home-tit span{ color: #FFFFFF;}
.about-box .right .home-tit h2{ color: #FFFFFF;}
.about-box .right .home-tit h2:after{ left:0; margin-left: 0; background: #FFFFFF;}
.about-box ul{ text-align: center; }
.about-box ul li{ display: inline-block; width: 32%; margin-top: 60px;}
.about-box ul li:nth-child(4),
.about-box ul li:nth-child(5){ width: 40%; }
.about-box ul li span{ position: relative; padding-right: 30px; font-size:60px; font-weight:lighter;}
.about-box ul li span i{ font-style: normal;}
.about-box ul li span sup{ position: absolute; top:0; right: 0; line-height: 36px; font-weight: bold; font-size: 36px;}
.about-box ul li:first-child span sup{ font-size: 20px;}
.about-box ul li p{ margin-top: 5px; font-size: 18px;}
@media (max-width:1100px){
	.about-box ul li span{ font-size: 50px; }	
	.about-box ul li span sup{ font-size: 28px; line-height:30px; }
}

.about-history{ padding: 60px 0 80px; background-image: url(../images/about_history_bg.jpg);}
.about-history .home-tit{ text-align: left;}
.about-history .home-tit h2:after{ left:0; margin-left: 0; }
.about-history .content{ margin: 70px 0 20px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.about-history .content .img{ width: 30%;}
.about-history .left{ width:65%; max-width: 600px;}
.about-history .swiper-history .date{ position: relative; font-size: 48px; font-weight: bold; color: #2a6cf4; padding-bottom: 20px; position:relative;}
.about-history .swiper-history .date span{ font-size: 80px;}
.about-history .swiper-history .date:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 4px; background: #2a6cf4;}
.about-history .swiper-history .des{ font-size: 18px; line-height: 36px; text-align: justify; margin-top: 20px;}
.about-history .time-content{ position: relative; padding: 0 125px;}
.about-history .time-content:after{content: ""; position: absolute; top:50%; left:-100%; width: 300%; height: 1px; background: #e5e5e5;}
.about-history .swiper-history-nav .swiper-slide{ height: 80px; padding-top: 33px; text-align: center; cursor: pointer;}
.about-history .swiper-history-nav .swiper-slide span{ display: inline-block; width: 15px; height: 15px; border-radius: 100%; padding:2px;}
.about-history .swiper-history-nav .swiper-slide i{ display: block; width: 9px; height: 9px; border-radius: 100%; background: #c8c8c8;}
.about-history .swiper-history-nav .swiper-slide p{ margin-top: 5px; font-size: 18px;}
.about-history .swiper-history-nav .swiper-slide-thumb-active span{ border:1px solid #2a6cf4;}
.about-history .swiper-history-nav .swiper-slide-thumb-active i{background: #2a6cf4;}
.about-history .swiper-history-nav .swiper-slide-thumb-active p{ color: #333333;}
.about-history .swiper-button-next,
.about-history .swiper-button-prev{ margin-top:-20px; width: 40px; height: 40px; background-size: cover;}
.about-history .swiper-button-next{ background-image: url(../images/about_next.png);}
.about-history .swiper-button-prev{ background-image: url(../images/about_prev.png);}
.about-history .swiper-button-next:hover{ background-image: url(../images/about_nexth.png);}
.about-history .swiper-button-prev:hover{ background-image: url(../images/about_prevh.png);}

.about-honor{ padding: 50px 0 77px;}
.about-honor .content{ position: relative; }
.swiper-honor{ padding: 48px 0 75px;}
.swiper-honor .con{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-end; }
.swiper-honor .con .left{ width: 44%;}
.swiper-honor .con .right{ width:50%;}
.swiper-honor .con .right .text{ margin-bottom:130px; color: #999999; font-size:30px; text-align: center;}
.swiper-honor .con .right .text i{ font-style: normal; font-size: 40px;}
.swiper-honor .con .right .num{ margin-bottom: 40px; text-align: right; font-size: 36px; color: #999999;}
.swiper-honor .con .right .num span{ font-size: 48px; color: #333333;}
.swiper-honor .con .right .img{ display: flex; flex-flow: wrap;  justify-content: space-between; align-items:flex-end;} 
.swiper-honor .con .right .img div{width: 45%;}
.swiper-honor .swiper-pagination-bullet{ background: #cccccc;}
.swiper-honor .swiper-pagination-bullet-active{ background: #2a6cf4;}
.about-honor .button{ position: absolute; right:0; width: 100px; bottom: 65%; }
.about-honor .swiper-button-next,
.about-honor .swiper-button-prev{ margin-top:-20px; width: 40px; height: 40px; background-size: cover;}
.about-honor .swiper-button-next{ background-image: url(../images/about_next.png);}
.about-honor .swiper-button-prev{ background-image: url(../images/about_prev.png);}
.about-honor .swiper-button-next:hover{ background-image: url(../images/about_nexth.png);}
.about-honor .swiper-button-prev:hover{ background-image: url(../images/about_prevh.png);} 
 
.about-team{ background-image: url(../images/about_team_bg.jpg); padding: 58px 0 95px;}
.about-team .home-tit span{ color: #FFFFFF;}
.about-team .home-tit h2{ color: #FFFFFF;}
.about-team ul{ display: flex; flex-flow: wrap; justify-content: space-between; }
.about-team li{ margin-top: 60px; width: 30%; background: #FFFFFF;}
.about-team li .box{  padding:9%;}
.about-team li .head span{ border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: middle;}
.about-team li .tit{ margin-left: 14px; display: inline-block; vertical-align: middle;}
.about-team li .tit h2{ font-size: 24px; color: #333333;}
.about-team li .tit p{ margin-top: 5px; font-size: 16px;}
.about-team li .des{ margin-top: 12px; text-align: justify; font-size: 18px; color: #999999; line-height: 36px;}

.about-news{ background: #f8f8f8; padding: 45px 0 80px;}
.about-news .content{ margin:60px 0 80px; height:510px;}
.about-news .list{ padding-right: 80px;}
.about-news .list li{ padding-bottom: 60px;}
.about-news .list a{ position: relative; display: block; }
.about-news .list .img{ float: left; width: 350px; overflow: hidden;}
.about-news .list .text{margin-left: 400px; height: 225px; border-bottom: 1px solid #cfddf7; }
.about-news .list .date{ font-size: 18px; }
.about-news .list .date span{ font-size: 36px;}
.about-news .list .tit{ margin-top: 10px; font-size: 24px; color: #333;}
.about-news .list .des{ margin-top: 20px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #999999;}
.about-news .list .more{ display: inline-block; margin-top: 20px; position: relative; padding-right: 40px; color: #2c71f4;}
.about-news .list .more:after{ content: ""; position: absolute; top:50%; right: 0; width: 30px; margin-top: -10px; height: 20px; background-image:url(../images/about_news_more.png); background-size:cover;}
.about-news .list a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.about-news .list a:hover .date{ color: #2c71f4;}
.about-news .list a:hover .tit{ color: #2c71f4;}


/* ========== */
/* = video = */
/* ========== */
.video{ padding: 80px 0 50px;  text-align: center;}
.video-list{ background:#ffffff; }
.video-list li{  margin-bottom: 40px; float: left; width: 31%; margin-right:3%; -o-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.1); 
	box-shadow:0 0 30px rgba(0,0,0,.1);
 	text-align: left;
 }
.video-list li:nth-child(3n){ margin-right: 0;}
.video-list li:nth-child(3n+1){ clear: both;}
.video-list li .img{ position: relative; background: #000000; padding: 24px 0;}
.video-list li .img div{ overflow: hidden; width: 100%;}
.video-list li .img div:after{ content:""; position: absolute; top:0; left:0; z-index: 1; height: 100%; width: 100%; background: rgba(0,0,0,.2);}
.video-list li .img img{ position: relative; z-index:0; width: 100%;}
.video-list li .img span{ position: absolute; top:50%; left:50%; width: 36px; height: 36px; margin-left: -18px; margin-top: -18px; background-image: url(../images/ico_play.png); background-size:cover; z-index: 1;}
.video-list li .text{ padding: 12px 24px 20px; border-bottom: 5px solid #FFFFFF;}
.video-list li .text span{ padding: 3px 12px; background: #2c71f4; color: #FFFFFF; display: inline-block;}
.video-list li .text p{ margin-top: 8px; text-align: justify; line-height: 28px; height: 56px; overflow: hidden; color: #333333;}
.video-list li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.video-list li:hover .text{ border-bottom: 5px solid #2c71f4;}

.video-detail{ padding: 60px 0; }
.video-detail .title{ font-size: 30px; text-align: center; color: #333; font-weight: bold; margin-bottom: 40px; }
.video-detail video{ width: 100%; }


/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding: 80px 0;}
.contact .content{  display: flex; flex-flow: wrap;  justify-content: space-between;}
.contact .map-box{ width:70%; height:600px;position:relative;overflow: hidden;}
.contact .map-box img{ max-width:1000%;}
.contact .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact .map-box .anchorBL{ display: none; }
.contact .text{ width: 30%; background-image: url(../images/contact_bg.jpg); color: #FFFFFF; padding:3% 4% 2%;}
.contact .text>img{ margin: 0;}
.contact .text li{ margin-top: 40px; position:relative; min-height: 50px; padding-left: 70px; font-size: 16px; line-height:24px;}
.contact .text li img{ position: absolute; top:0; left:0; background: #FFFFFF; border-radius: 100%; overflow: hidden;}
.contact .text li span{ display: block; font-size: 20px;}
.contact .text li a{ color: #FFFFFF;}

/* ========== */
/* = DIAGNOSIS = */
/* ========== */
.diagnosis{ padding: 14% 0 5%; background-image: url(../images/diagnosis_bg.jpg);}
.diagnosis .container{ position: relative; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.diagnosis .text{ width: 45%; color: #FFFFFF;}
.diagnosis .text h2{ font-size: 36px; font-weight: bold; letter-spacing: 2px;}
.diagnosis .text h2 span{ color: #ff0000;}
.diagnosis .text .des{ margin: 40px 0 60px; font-size: 18px; line-height: 30px; letter-spacing: 1px;}
.diagnosis .text .des li{ margin-bottom: 25px;}
.diagnosis .text .des li span{ margin-bottom: 3px; display: block; position: relative; padding-left: 50px; font-size: 24px;}
.diagnosis .text .des li span:before{ content: ""; position: absolute; top:0; left:0; width:30px; height: 30px; background-size: cover; background-image: url(../images/ico_right_white.png);}
.diagnosis .text .des li p{ padding-left: 50px;}
.diagnosis .text .des:last-child{ margin: 50px 0 0 ;}
.diagnosis .box{ width: 40%; margin-right: 5%; max-width: 480px; padding: 4% 3% 3%; background: rgba(255,255,255,.6); border-radius: 20px 0 20px 0; overflow:hidden;}
.diagnosis .box .tit{ padding-bottom: 30px; text-align: center;}
.diagnosis .box .tit span{ display: block; position:relative; padding-bottom: 15px; color: #333333; font-weight: bold; font-size: 24px; letter-spacing: 2px;}
.diagnosis .box .tit span:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 54px; height: 4px; margin-left: -27px; background: #2c71f4;}
.diagnosis .box .tit p{ font-size: 16px; margin-top: 10px;}
.diagnosis .box .in{ display: block; margin-top: 20px; position: relative; background: #FFFFFF; border-radius: 5px; overflow: hidden;}
.diagnosis .box .in select,
.diagnosis .box .in input{ width: 100%; height: 60px; line-height: 30px; padding: 15px 20px; font-size: 20px; border: none; background:none; }
.diagnosis .box .in input{ -webkit-appearance: none;}
.diagnosis .box .ui-multiselect{ display: block; width: 100%; padding: 0 55px 0 20px; line-height:60px; height: 60px; font-size: 20px; position: relative; z-index: 1; background: none; border: none; color: #666;}
.diagnosis .box .in-select{ position: relative;}
.diagnosis .box .in-select:after { content: "";position: absolute; z-index:0; top:15px; right: 15px; width: 30px; height: 30px; background-image: url(../images/ico_xz_down.png); background-size: cover;}
.diagnosis .box .button{ margin-top:40px; width: 100%; background: #2a6cf4; color: #FFFFFF; line-height: 60px; height: 60px; font-size: 24px; letter-spacing: 2px; border-radius: 5px; overflow: hidden;}
.diagnosis .box .tip{ text-align: center; margin-top: 30px; }
.diagnosis .box .tip p{ display: inline-block; position: relative; padding-left: 40px; line-height: 30px; color: #333333; font-size: 16px;}
.diagnosis .box .tip span{ color: #ff0000;}
.diagnosis .box .tip p:before{ content: ""; position: absolute; top: 0; left:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_laba.png); animation: fade 800ms infinite;
 -webkit-animation: fade 800ms infinite;}

 @keyframes fade {
    from {
       transform: scale(1);
       -webkit-transform: scale(1);
    }
    to {
        transform: scale(1.2);
       -webkit-transform: scale(1.2);
    }
}

@-webkit-keyframes fade {
   from {
       transform: scale(1);
       -webkit-transform: scale(1);
    }
    to {
        transform: scale(1.2);
       -webkit-transform: scale(1.2);
    }
}

/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 60px 0 100px;}
.news .ny-menu{ margin-bottom: 100px;}
.news-left{ float: left; width: 70%;}
.news-list li{ margin-bottom: 60px;}
.news-list li a{ position: relative; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.news-list li a:after{ content:""; position: absolute; bottom: 0; right:0; width: 65%; height: 1px; background: #d5e3fd;}
.news-list li .img{ width: 31%; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ width: 65%;}
.news-list li .text .date{  font-size: 18px; }
.news-list li .text .date span{ font-size: 36px;}
.news-list li .text .tit{ margin-top: 7px; font-size: 24px;}
.news-list li .text .des{ margin-top: 14px; font-size: 16px; color: #999999;}
.news-list li .text .more{ margin-bottom: 15px; margin-top: 32px; display: inline-block; color: #999999; padding-right:40px; position: relative;}
.news-list li .text .more:after{ content: ""; position: absolute; right:0; top:50%; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/news_more.png); background-size: cover;}
.news-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list li a:hover .tit{  color: #2b6cf4;}
.news-list li a:hover .date{  color: #2b6cf4;}
.news-list li a:hover .more{ color: #2b6cf4;}
.news-list li a:hover .more:after{ background-image: url(../images/news_moreh.png);}

.news-right{ float:right; width: 25%; background: #fbfbfb; padding: 20px;}
.news-right .box-img{ padding: 35px 5px 30px; background-image: url(../images/news_right_img.jpg); color: #FFFFFF; text-align: center;}
.news-right .box-img span{ display: block; font-size: 24px; font-weight: bold;}
.news-right .box-img p{ margin-top: 15px; font-size: 18px; line-height: 30px;}
.news-right .box-img a{ margin-top: 10px; width: 55%; background: #FFFFFF; display: inline-block; line-height: 40px; max-width: 180px; color: #3c7af4; font-size: 18px; letter-spacing: 3px;}
.news-right .tit{ font-size: 24px; color: #333333; font-weight:bold; text-align: center;}
.news-right-list{ margin-top: 40px;}
.news-right-list ul{ margin-top: 15px; border-top: 1px solid #d8d8d8;}
.news-right-list li{ padding: 10px 0 15px; border-bottom: 1px solid #d8d8d8;}
.news-right-list li a{ display:block;}
.news-right-list li p{ font-size: 16px; line-height: 36px; height: 72px; overflow: hidden;}
.news-right-list li div{  margin-top: 15px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.news-right-list li div span{ display: inline-block; padding-left: 22px; color: #999999; position: relative;}
.news-right-list li div span:before{ content: ""; position: absolute; top:50%; margin-top: -10px; left:-2px; width:20px; height: 20px; display: inline-block; background-image:url(../images/ico_time.png);}
.news-right-list li div i{ width:40px; height: 20px; display: inline-block; background-image: url(../images/ico_more.png);}
.news-right-list li a:hover p{ color: #2c71f4;}
.news-right-case{ margin-top: 55px;}
.news-right-case ul{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #d8d8d8;}
.news-right-case li{ margin-bottom: 20px; float: left; width: 48%; margin-right: 4%;}
.news-right-case li:nth-child(2n){ margin-right: 0;}

/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail .title{ font-size: 24px; font-weight: bold; color: #3179be; }
.news-detail .source{ padding:20px 0 15px; color: #999999;}
.news-detail .source span{ margin-right: 60px; font-size: 18px; line-height: 30px; display:inline-block; padding-left: 40px; position:relative;}
.news-detail .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.news-detail .source span:nth-child(1):before{ background-image: url(../images/news_share_01.png);}
.news-detail .source span:nth-child(2):before{ background-image: url(../images/news_share_02.png);}
.news-detail .detail{ padding: 40px 0 60px; font-size: 18px; line-height: 36px; border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; }
.flip{  margin-top: 35px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.flip a{ max-width: 48%; font-size: 18px; color:#333333;}
.news-detial-add{ margin-top: 75px; padding:6% 7% 13%; color: #FFFFFF; letter-spacing:2px; background-image: url(../images/news_detail_add.jpg); background-position: bottom left; }
.news-detial-add span{ display: block; font-size: 18px; font-weight: bold;}
.news-detial-add p{ margin-top: 10px; font-weight: bold; font-size: 24px;}
.news-detial-add a{ margin-top: 35px; display: inline-block; padding: 0 10px; line-height: 40px; background: #ffffff; font-size: 18px; color: #3c7af4; }
.news-interest{ margin-top: 60px;}
.news-interest .tit{ font-size: 24px; color: #333333; font-weight: bold;}
.news-interest ul{ margin-top: 20px;}
.news-interest li{ float: left; width: 30%; margin-right:5%; padding: 10px 0 15px; border-bottom: 1px solid #d8d8d8;}
.news-interest li:nth-child(3n){ margin-right: 0;}
.news-interest li a{ display:block;}
.news-interest li p{ font-size: 16px; line-height: 36px; height: 72px; overflow: hidden;}
.news-interest li div{  margin-top: 15px; display: flex; flex-flow: wrap;  justify-content: space-between; align-items:center;}
.news-interest li div span{ display: inline-block; padding-left: 22px; color: #999999; position: relative;}
.news-interest li div span:before{ content: ""; position: absolute; top:50%; margin-top: -10px; left:-2px; width:20px; height: 20px; display: inline-block; background-image:url(../images/ico_time.png);}
.news-interest li div i{ width:40px; height: 20px; display: inline-block; background-image: url(../images/ico_more.png);}
.news-interest li a:hover p{ color: #2c71f4;}
.news-lable{ margin-top: 50px; min-height: 26px; font-size: 16px;}
.news-lable span{ display: inline-block;  vertical-align: middle;}
.news-lable a:hover{ color: #2c71f4; border: 1px solid #2c71f4;}
.news-lable a {  margin-left: 5px;  line-height:24px; display: inline-block;  vertical-align: middle; border: 1px solid #888; color: #333333; padding: 5px 20px; }


/* ========== */
/* = JUHE = */
/* ========== */
.news-right-hot{ margin-top: 40px; width: 100%; background:#FFFFFF;}
.news-right-hot .tit{ font-size: 18px; color: #ffffff; background: #333333; text-align: center; padding: 15px 0;}
.news-right-hot .tit span{ margin-left: 5px; font-size: 14px;  font-weight:normal; color: #aaaaaa; text-transform:uppercase;}
.news-right-hot ul{ border-left: 1px solid #e4e4e4;  border-right: 1px solid #e4e4e4;}
.news-right-hot li{ padding:20px; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; }
.news-right-hot li a{ display: block; font-size: 16px; color: #888888; background: url(../images/hot_ico.png) no-repeat left; padding-left: 20px; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:uppercase;}
.news-right-hot li:hover a{ color: #000000;}

.juhe-img{ margin-top: 80px;}
.juhe-img img{ width: 100%;}
.juhe-tit{ position: relative; padding-bottom: 15px; color:#333333; font-size:24px; border-bottom:2px solid #eeeeee;}
.juhe-tit:before{ content:""; position: absolute; bottom:-2px; left:0; width: 25px; height: 2px; background: #288fd4;}
.juhe-tit span{ display: inline-block; margin-left: 10px; color: #999; font-size: 16px; text-transform:uppercase;}
.jh-industry{ margin-top: 80px;}
.jh-industry ul{ margin: 20px -15px 0;}
.jh-industry li{ float: left; padding: 15px; width: 50%; box-sizing: border-box;}
.jh-industry li a{ display: block; padding:0 38px 30px; border: 1px solid #eeeeee;}
.jh-industry li .tit{ position: relative; padding: 25px 0; padding-right:40px; border-bottom: 1px solid #e9e9e9; font-size: 16px; color: #333333;}
.jh-industry li .tit:before{ content:""; position: absolute; top:50%; margin-top: -3px; left:-12px; width:6px; height: 6px; border-radius: 3px; background: #d4d4d4;}
.jh-industry li .tit:after{ content:""; position: absolute; top:50%; right:0; margin-top:-15px; width: 30px; height: 30px; background: url(../images/poly_more.png);}
.jh-industry li span{ display: block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jh-industry li p{ margin-top: 20px; color: #999999; line-height: 22px; font-size: 14px; height: 66px; overflow:hidden;}
.jh-industry li:hover .tit:before{ background: #2a6cf4;}
.jh-industry li:hover .tit:after{ background: url(../images/poly_moreh.png);}

.juhe-message{ margin-top: 80px;} 
.juhe-message h2{ text-align: center; font-size: 24px;color: #333333;}
.juhe-message h2 span{font-size: 16px; color: #999999; margin-left: 13px;}
.juhe-message .input-list{ width: 75%; margin: 0 auto;}
.juhe-message .input-list .input-li{ float: left; width: 48%; margin:30px 1% 0; position: relative;}
.juhe-message .input-list .input-li input{ border: none; width: 100%; height: 50px; line-height:50px; padding-left: 21px; padding-right: 30px; font-size: 16px; background-color: #f6f6f6;}
.juhe-message .input-list .input-li:after{position: absolute; content: ''; right: 10px; top: 14px; width: 17px; height: 17px; }
.juhe-message .input-li:nth-child(1):after{	background: url(../images/juhe_message_ico_01.png);}
.juhe-message .input-li:nth-child(2):after{	background: url(../images/juhe_message_ico_02.png);}
.juhe-message .input-li:nth-child(3):after{	background: url(../images/juhe_message_ico_03.png);}
.juhe-message .input-li:nth-child(4):after{	background: url(../images/juhe_message_ico_04.png);}
.juhe-message .input-li select{ padding-left: 21px; border: none;  outline: none; appearance: none;-webkit-appearance: none; -moz-appearance: none; background-color: #f6f6f6; line-height: 50px; width: 100%; font-size: 16px; }
.juhe-message .input-li select option{ width: 100%; border: none; outline: none;  background-color: #f6f6f6;}
.juhe-message .message-btn{ display: block; margin:40px auto 0; width: 180px; line-height: 40px; background: #2a6cf4; color:#FFFFFF; font-size: 18px; text-align: center;}

.jh-information{ margin-top: 80px;}
.jh-information .left{ float: left; width: 74.5%;}
.jh-information li{ padding:30px 0; border-bottom: 1px dashed #e4e4e4;}
.jh-information li a{ display: block; padding-right:100px; position: relative;}
.jh-information li .img{ float: left; width: 300px;}
.jh-information li .img img{ width: 100%; }
.jh-information li .text{ margin-left: 340px; padding-top: 10px;}
.jh-information li .text span{ font-size: 16px; color: #202020; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jh-information li .text p{ margin-top:20px; color: #999999; font-size: 14px; line-height: 30px; height: 90px; overflow: hidden;}
.jh-information li .date{ position: absolute; top:0; right:0; padding-left: 30px;  width:84px; height:140px;  box-sizing:border-box;border-left: 1px solid #e4e4e4;}
.jh-information li .date span{ display: block; font-size: 18px; color: #777777;}
.jh-information li .date em{ margin-top:5px; display: block; color: #cccccc; font-size: 12px; font-style: normal;}
.jh-information li .date i{ margin-top:40px; display: block; width: 31px; height: 31px; background-image: url(../images/juhe_more.png); background-size: cover;}
.jh-information li a:hover .text span{ color: #2a6cf4;}
.jh-information li a:hover .date i{background-image: url(../images/juhe_moreh.png);}
.jh-information .getmore{ margin-top:50px; text-align: center;}
.jh-information .getmore a{ display: inline-block; width: 180px; line-height: 40px; background: #2a6cf4; color:#FFFFFF; font-size: 18px; text-align: center;}
.jh-information .tipbox{ float:right; width: 22.5%;}
.jh-information .tipbox .tit{ font-size: 18px; font-weight: bold; color: #ffffff; background: #333333; text-align: center; padding: 12px 0;}
.jh-information .tipbox .tit span{ margin-left: 5px; color: #aaaaaa; font-weight:normal; font-size:14px; text-transform:uppercase;}
.jh-information .tipbox .con{ border: 1px solid #e4e4e4; border-top: none; padding: 25px 10px 35px; text-align: center;}
.jh-information .tipbox .con a{ margin: 2px; display: inline-block; border: 1px solid #2a6cf4; padding:5px 20px;}
.jh-information .tipbox .con a:hover,
.jh-information .tipbox .con a.active{ background: #2a6cf4; color: #FFFFFF; }

/* ========== */
/* = YINGXIAO = */
/* ========== */
.zt-tit{ padding: 18px 0; border-bottom: 1px solid #eeeeee; }
.zt-tit span{ display: inline-block; padding-left: 15px; font-size: 18px; color: #333333; border-left: 4px solid #3179be;}
.wltg-box{ padding:30px 20px; background: #FFFFFF;}
.wltg-box .top-tit{ margin-bottom: 20px; background: #3179be; line-height:60px; font-size: 20px; color: #FFFFFF; text-align: center;}
.wltg-box .con{ margin: 15px 0 30px; font-size: 0;}
.wltg-box .con a{ margin-right:7px; margin-top: 8px; padding: 0 10px; line-height: 32px; display: inline-block; background: #f1f5f8; border-radius:4px;  font-size: 12px;}
.wltg-box .con a:hover,
.wltg-box .con a.current{ background: #2a6cf4; color: #FFFFFF;}

.wltg-news{ margin: 30px 0px; padding:50px 7%; background: #fbfbfb; }
.wltg-news ul{ margin: 0 -35px;}
.wltg-news li{ float: left; width: 50%; padding: 0 35px; box-sizing: border-box;}
.wltg-news li .item{ padding: 35px 0; border-bottom: 1px solid #eeeeee; }
.wltg-news li .item .img{ float: left; position: relative; text-align: center;}
.wltg-news li .item .img .con{ position: absolute; top:0; left:0; width: 100%; height: 100%; color: #FFFFFF;}
.wltg-news li .item .img .con div{ display: inline-block; vertical-align: middle; width: 100%;}
.wltg-news li .item .img .con i{ display: inline-block; vertical-align: middle; height: 100%;}
.wltg-news li .item .img .con span{ font-size: 20px; font-weight: bold;}
.wltg-news li .item .img .con p{ margin-top: 5px; font-size: 12px; text-transform: uppercase;}
.wltg-news li .item .text{  margin-left: 195px;}
.wltg-news li .item .text a{ display: block; width:100%; padding-right: 80px; line-height: 26px; height: 26px;position: relative; box-sizing: border-box;}
.wltg-news li .item .text a span{ display: block; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; position: relative;}
.wltg-news li .item .text a span:before{ content:""; position: absolute; top:50%; margin-top:-2px; left:0; width: 4px; height: 4px; background: #2a6cf4; }
.wltg-news li .item .text a em{ position: absolute; top:0; right:0; color: #aaaaaa; font-size: 12px; font-style: normal;}
.wltg-news li .item .text a:hover span{ color: #2a6cf4;}

.wltg-three{ padding:50px; background: #fbfbfb;}
.wltg-three .box{ float: left; width: 32%; margin-right: 2%; background: #FFFFFF; box-shadow: 0 0 25px rgba(0,0,0,.06); padding: 0 35px 40px; box-sizing: border-box;}
.wltg-three .box:nth-child(3n){ margin-right: 0;}
.wltg-three .box .zt-tit{ padding: 25px 0;}
.wltg-three .box .con{ margin-top: 30px; padding:15px 15px 30px; background: #fbfbfb;}
.wltg-three .box .con a{ display: block;}
.wltg-three .box .con .tip{ line-height:40px;}
.wltg-three .box .con .tip span{ float: left; font-size:30px; color:#333333;}
.wltg-three .box .con .tip em{ float: right; font-size: 18px; color: #999999; font-style: normal;}
.wltg-three .box .con .tit{ margin-top: 20px; font-size: 16px; line-height: 24px; color: #333333; height: 48px; overflow: hidden;}
.wltg-three .box .con .des{ margin-top: 20px; font-size: 14px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.wltg-three .box .con .des em{ font-style: normal; color: #2a6cf4;}
.wltg-three .box .con a:hover .tit{  color: #2a6cf4;}
.wltg-three .box ul{ margin-top: 30px;}
.wltg-three .box li{ margin-top: 5px;}
.wltg-three .box li a{ display: block; line-height: 24px; font-size:14px; position: relative; padding-left: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wltg-three .box li a:before{ content:""; position: absolute; left:0; top:10px; width: 4px; height: 4px;  background: #2a6cf4;}
.wltg-three .box li a:hover{color: #2a6cf4;}

.wltg-hot{ margin-top: 30px; padding:50px; background: #fbfbfb;}
.wltg-hot ul{ margin: 0 -35px;}
.wltg-hot li{ float: left; width: 50%; padding: 0 35px; box-sizing: border-box;}
.wltg-hot li a{ display: block; line-height: 56px; height: 56px; border-bottom:1px dotted #dcdcdc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px; }
.wltg-hot li a:hover{ color: #2a6cf4;}


/* ========== */
/* = 404 = */
/* ========== */
.div404{  background: #FFFFFF; padding:6% 7%;}
.div404 .text{ max-width:600px; margin: 0 auto;}
.div404 .text p{ margin-top:15px; line-height:30px;}
.div404 .text p .alink{ margin:0 10px; color: #298fd4;}

/* ========== */
/* = SITEMAP = */
/* ========== */
.sitemap{ background: #FFFFFF; padding:100px 7% 70px;}
.sitemap .tit{ padding-bottom:20px; border-bottom: 2px solid #EEEEEE; font-size: 16px; color: #333333;}
.sitemap .tit span{ margin-right: 20px; text-transform: uppercase; font-size:26px;}
.sitemap li{ padding: 25px 0; border-bottom: 2px solid #EEEEEE; line-height: 30px;}
.sitemap li>span{ display: inline-block; min-width: 120px;}
.sitemap li>span a{ display: inline-block; font-size:20px; margin-right: 22px; color: #333333;}
.sitemap li>span a:hover{ color: #298fd4;}
.sitemap li>div{ margin-top: 15px;}
.sitemap li>div img{ display: inline-block; vertical-align: middle; }
.sitemap li>div span{ font-size: 18px; color: #333;  margin-right: 22px; display: inline-block; vertical-align: middle;}
.sitemap li>div a{ display:inline-block; margin-right: 20px; font-size: 16px;}
.sitemap li>div a:hover{ color: #298fd4;}
.sitemap li .row{ margin-bottom: 20px; }
.sitemap li .row:last-child{ margin-bottom: 0; }
.sitemap li .row .top{ margin-bottom: 8px; }

@media (max-width:1580px){
	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner .text h2{ font-size:50px;}
	.ny-banner .text p{ margin-top: 20px; font-size: 20px;}
	
	/* ========== */
	/* = NEWSEARCH = */
	/* ========== */
	.newsearch-sign .text .home-tit{ text-align:center;}
	.newsearch-sign .text .home-tit h2:after{ left:50%; margin-left: -27px;}
	.newsearch-sign .text .des{ margin-top:30px; font-size: 16px; line-height: 32px;}
	.newsearch-sign .text .home-button{ margin:40px 0 0;}
	
	.newsearch-challenge .tit{ font-size: 22px;}
	.newsearch-challenge .right .row-tit{ font-size: 20px;}
	.newsearch-challenge .right .row div img{ width:44px; margin:0 6px;}
	.newsearch-challenge .right .row .div-01 span{ width: 130px; font-size: 16px;}
	.newsearch-challenge .right .row .div-01 span i{ right:17px;}
	.newsearch-challenge .right .row .div-03 span{ font-size:15px; min-width: 60px;}
	.newsearch-challenge .right .row .div-03 span:nth-child(1){ font-size: 17px;}
	.newsearch-operate li span{ font-size: 20px;}
	
	.newsearch-case-big .box .left .img{ width: 580px; height:341px;  padding:25px 83px; }
	.newsearch-case-big .box .left .img img{ width: 100%;}
	.newsearch-case-big .box .right{ margin-left: 610px;}
	.newsearch-case-big .box .right .tit{ font-size: 16px; margin-top: 20px;}
	.newsearch-case-big .box .right .des{ font-size: 14px; line-height: 26px;}
	.newsearch-case-small .swiper-slide{ padding:0 18px;}

	/* ========== */
	/* = PROSERVEER = */
	/* ========== */
	.proserveer ul{ margin: 0 -25px 60px;}
	.proserveer li{ margin-top: 50px; padding: 0 25px;}
	.proserveer li .box .tit{ font-size: 20px; }
	.proserveer li .box .des{ font-size: 16px; }
	.proserveer .ul-02{ margin: 0 -14px 80px;}
	.proserveer .ul-02 li{ padding: 0 14px;}
	
	/* ========== */
	/* = REDBOOK = */
	/* ========== */
	.redbook-why .content .text li{ margin-top: 30px;}
	.redbook-why .content .text li p{ margin-top: 20px;}
	
	.redbook-service ul{ margin-left:2%; width:48%;} 
	.redbook-service ul li span{ font-size: 22px;}
	.redbook-service ul li p{ font-size: 15px;}
	.redbook-service .img .text{ font-size: 20px; line-height: 30px;}
	
	/* ========== */
	/* = HEADLINES = */
	/* ========== */
	.headlines-service li .box .tit img{ width: 60px;}
	.headlines-service li .box .tit span{ margin-top: 270%; font-size: 50px;}
	.headlines-service li .box .des{ margin-left: 0;}
	.headlines-service li .box .des p{ margin: 18% 0;}
	.headlines-service li .box .des p img{ margin-right: 5px;}
	.headlines-service li .box .des p span{ font-size: 20px;}
	.headlines-advantage li p{ font-size:18px;}
	
	/* ========== */
	/* = mgHonors EPR = */
	/* ========== */
	.epr-why .text img{ height: 90px;}
	.epr-why .text .box p{ font-size: 20px;}
	.epr-service .content li{ height: 100px; margin:5% 0; padding-left: 150px;}
	.epr-service .content li span{ width:100px;}
	.epr-service .content li div i{ font-size: 20px; line-height: 40px;}
	.epr-advantage li .tit{ font-size: 20px; }
	.epr-advantage li .tit span{ font-size: 24px; }
	
	/* ========== */
	/* = SEM = */
	/* ========== */
	.sem-why .con{ margin: 30px 0 40px;}
	.sem-why .con img{ width: 50px;}
	.sem-why .con p{font-size: 20px;}
	/*.sem-service li .tit span{ font-size: 22px; }
	.sem-service li .tit p{  font-size: 16px; }*/
	.sem-advantage li .tit{font-size: 20px; }
		
	/* ========== */
	/* = SEO = */
	/* ========== */
	.seo-service li .text .tit span{ font-size: 22px;}
	.seo-service li .text .tit p{font-size: 16px;}
	.seo-service li .des{ font-size: 14px;}
	
	/* ========== */
	/* = PLANMAKE = */
	/* ========== */
	.planmake-box .con .text .home-button{ margin: 35px 0 0;}
	.planmake-why li .box span{ width: 70px;} 
	.planmake-why li .box div{ margin-left: 85px;}
	.planmake-why li .box i{ font-size: 20px;}
	.planmake-why li .box p{ font-size: 14px; line-height: 26px; } 
	.planmake-process .box .tit{ font-size: 20px; }

	/* ========== */
	/* = ZHIHU = */
	/* ========== */
	.zhihu-why li span{ font-size: 20px;}
	.zhihu-service .text .home-button{ margin: 25px 0 0;}
	.zhihu-service .text li{ margin-top:25px;}
	.zhihu-service .text li span{  font-size: 20px;}
	.zhihu-service .text li p{ font-size: 14px; line-height:26px;}
	.zhihu-advantage li .text span{ font-size: 20px; }
	
	/* ========== */
	/* = FLOW = */
	/* ========== */
	.flow-why li span{ font-size: 20px; }
	.flow-service .swiper-flow .box .text .tit{ font-size: 20px;}
	.flow-advantage li span{  font-size: 20px; }
	
	/* ========== */
	/* = SEO_SYSTEM = */
	/* ========== */
	.seo-system-list li .text .tit span{ font-size: 24px; }
	.seo-system-list li .text .tit p{ margin-top:10px; font-size: 16px;}
	.seo-system-list li .text .des{  margin-top: 5px;font-size: 16px; line-height: 30px; }
	.seo-system-list li .text .home-button{ margin: 30px 0 0 ;}
	.seo-system-list li .text .num{ font-size: 160px; line-height: 160px;}
	
	/* ========== */
	/* = MEDIA = */
	/* ========== */ 
	.media-why .con{ margin: 40px 0 50px;}
	.media-why .con img{ width: 50px;}
	.media-why .con p{font-size: 20px;}
	.media-service .content .text .des{ font-size: 20px; line-height: 32px;}
	.media-service .content .text li p{ font-size: 20px;}
	
	
	/* ========== */
	/* = solution = */
	/* ========== */
	.solution-list{ margin: 0 -30px;}
	.solution-list li{ padding: 0 30px;}
	
	/* ========== */
	/* = SOLUTION_DETAIL = */
	/* ========== */
	.solution-case ul{ margin: 0 -30px 80px;}
	.solution-case li{ padding: 0 30px;}
	.solution-case li .text .tit p{ font-size: 16px;}
	
	/* ========== */
	/* = CASE_MARKET = */
	/* ========== */
	.case-list{ margin: 0 -20px;}
	.case-tab a{  margin:0 20px 20px 0;}
	.case-list li{ margin-bottom: 40px; padding: 0 20px;}
	.case-list li .box .tip span{ margin-right:3%; min-width: 30%;}
	
	/* ========== */
	/* = CASE_MARKET_DETIAL = */
	/* ========== */
	.case-detail .right .title{font-size: 16px;}
	.case-detail .right .title span{font-size: 32px;}
	.case-detail .detail{ font-size: 16px; }
	.case-detail .detail .tit{font-size: 20px; }
	.xg-case-list{ margin: 0 -30px;}
	.xg-case-list li{padding: 0 30px;}
	
	/* ========== */
	/* = webcase = */
	/* ========== */
	.webcase .content{ margin:100px -30px 30px;}
	.webcase .article{ padding: 0 30px;}
	
	/* ========== */
	/* = WEBCASE-DETAIL = */
	/* ========== */
	.webcase-detail-banner .img{ width: 550px; height: 454px; padding:26px 27px 0;}
	.webcase-detail-banner .text{ width: 44%; }
	
	.xg-webcase ul{ margin: 0 -25px;}
	.xg-webcase li{  padding: 0 25px; }

	
	/* ========== */
	/* = WECHATAPPLET = */
	/* ========== */
	.wechat-list{ margin: 0 -25px 80px;}
	.wechat-list li{ padding: 0 25px;}
	.wechat-list .item .img{ width: 200px; height: 343px; padding:6px 24px 8px;}
	.wechat-list .item .img img{ width: 100%;}
	.wechat-list .item .text{ margin-left: 210px; padding-top: 4%;}
	.wechat-list .item .text .tit{ font-size: 22px;}
	.wechat-list .item .text .tip{  font-size: 16px;}
	.wechat-list .item .text .erweima{ margin-top:15%;}
	.wechat-list .item .text .erweima p{ font-size: 14px;}
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */	
	.swiper-honor .con .left{ width: 46%;}
	.swiper-honor .con .right .text{ margin-bottom: 110px; font-size:24px;}
	.swiper-honor .con .right .text i{ font-size:34px;}
	.swiper-honor .con .right .num{ margin-bottom: 30px; font-size: 28px;}
	.swiper-honor .con .right .num span{ font-size: 38px;}

	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news-list li .text .date span{ font-size: 32px;}
	.news-list li .text .tit{ font-size: 22px;}
	.news-list li .text .more{ margin-top: 20px;}
	.news-right .box-img p{ font-size: 16px;}
}

@media (max-width:1320px){
	/* ========== */
	/* = HEADLINES = */
	/* ========== */
	.headlines-service li .box .tit span{ margin-top: 220%; font-size: 40px;}
	.headlines-service li .box .des{ width: 48%;}
	.headlines-service li .box .des p { margin: 13% 0;}
	.headlines-service li .box .des p span{ font-size: 18px;}
	
}

@media (max-width:999px){

	.pro-news{ padding:1rem 0; background: #ffffff;}
	.pro-news .theme{ padding-bottom: 0.26rem;  font-size: 0.44rem;  }
	.xg-zixun li{ margin-top:0.3rem;width: 100%; margin-right:0; }
	.xg-zixun li a{ padding-left: 0; padding-right: 40px;}
	.xg-zixun li .tit{ font-size: 0.36rem; line-height: 0.52rem; }
	.xg-zixun li .tit span{ width: 2.2rem; margin-right: 0; }
	.xg-zixun li .des{ font-size: 0.3rem; padding-left:  2.2rem;}
	.xg-zixun li a:after{ right:0.3rem; }
	.xg-zixun li a:before{ display: none; }
	.xg-zixun li a:hover{ background:none; color: #666;}
	.xg-zixun li a:hover:after{ background: url(../images/ico_more_hnews.png) right no-repeat;}
	.xg-zixun li a:hover .des{ color: #666; }


	/* ========== */
	/* = NY = */
	/* ========== */
	.ny-banner .container{ height:6rem; }
	.ny-banner .text { width: 58%;}
	.ny-banner .text h2{ font-size:0.55rem;}
	.ny-banner .text p{ margin-top: 0.26666666rem; font-size: 0.26666666rem; line-height: 0.53333333rem;}
	.ny-banner .img{ width: 38%;}
	.ny-banner .img2{  width: auto;  top:1rem;}
	.ny-banner .img2 img{ height:4rem;  }
	
	.ny-menu span{font-size:0.26666666rem; margin:0 0.32rem;}
	.ny-menu a{font-size: 0.36rem;}
	
	.page a,
	.page span{ padding: 0 0.13333333rem; min-width:0.66666666rem; margin: 0 0.02666666rem; line-height:0.68rem; font-size: 0.32rem;}
	
	.video-pop .close{ right: -0.8rem; width: 0.7rem; height:0.7rem; }
		
		
	/* ========== */
	/* = NEWSEARCH = */
	/* ========== */
	.newsearch-sign{ padding:1rem 0;}
	.newsearch-sign .container{ display: block; }
	.newsearch-sign .img{ width: 100%;}
	.newsearch-sign .text{ width: 100%;}
	.newsearch-sign .text .des{ margin-top:0.53333333rem; font-size: 0.32rem; line-height: 0.64rem; }
	.newsearch-sign .text .tip{ margin-top: 0.4rem;line-height: 1.2rem; text-align: center;}
	.newsearch-sign .text .tip span,
	.newsearch-sign .text .tip span:nth-child(2){ margin:0 0.4rem; padding-left:1.4rem; font-size: 0.38rem;}
	.newsearch-sign .text .tip span i{ width: 1rem; }
	.newsearch-sign .text .home-button{ margin:0.66666666rem auto 0;}
	
		
	.newsearch-box{ padding: 1rem 0;}
	.newsearch-box ul{ margin-bottom: 0.93333333rem; }
	.newsearch-box li{ margin-top: 0.8rem; width: 100%; max-width: 100%; border-radius: 0.4rem 0 30px 0; }
	.newsearch-box li.jt{ width: 100%; max-width: 100%; height: 0.5rem; }
	.newsearch-box li.jt span img{ width: 0.5rem; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.newsearch-box li .img span{ bottom:-0.5rem; width: 1.2rem;}
	.newsearch-box li .text{ padding:0.66666666rem 0.26666666rem 0.4rem;}
	.newsearch-box li .text .tit{ font-size: 0.4rem;letter-spacing: 0.02666666rem; }
	.newsearch-box li .text .des{ margin-top: 0.4rem;}
	.newsearch-box li .text .des span{font-size: 0.35rem; line-height: 0.64rem;  padding-left: 0.4rem;}
	.newsearch-box li .text .des span:before{ top:0.24rem; width: 0.16rem; height: 0.16rem; }
	.newsearch-box li .text .des p{ margin-bottom:0.22rem; font-size: 0.31rem; line-height: 0.6rem; min-height: 0;}
	.newsearch-box li:nth-child(3) .text .tit{  font-size: 0.42666666rem;}
	.newsearch-box li:nth-child(3) .text .tip { margin-top:0.4rem; }
	.newsearch-box li:nth-child(3) .text .tip span{ font-size: 0.34666666rem; line-height: 0.7rem; padding-left: 0.53333333rem;}
	.newsearch-box li:nth-child(3) .text .tip span:before{ margin-top:-0.2rem; width: 0.4rem; height:  0.4rem; }


	.newsearch-challenge{ padding-top:1rem;}
	
	.newsearch-operate{  padding:1rem 0;}
	.newsearch-operate ul{ margin-bottom: 0.93333333rem;display: block; }
	.newsearch-operate li{ display: inline-block; vertical-align: top; height:6rem; width: 40%; margin: 0.8rem 4% 0;}
	.newsearch-operate li  img{ width: 1.2rem;}
	.newsearch-operate li span{padding:0.26666666rem 0; font-size: 0.4rem}
	.newsearch-operate li p{ margin-top: 0.26666666rem;  font-size: 0.32rem; line-height: 0.6rem;}
	
	.newsearch-case{ padding-top: 1rem; }
	.newsearch-case .top{ padding-bottom: 0.4rem; padding-right:3.2rem; }
	.newsearch-case-big .swiper-slide{ padding: 0.66666666rem 0.8rem;}
	.newsearch-case-big .swiper-button-next,
	.newsearch-case-big .swiper-button-prev{ margin-top:-0.333333rem; width: 0.66666666rem; height:  0.66666666rem;}
	.newsearch-case-big .box .left{ float:none; width:100%; }
	.newsearch-case-big .box .left .img{ width:7.73333333rem; height:4.54666666rem; padding:0.34666666rem 1.12rem; }
	.newsearch-case-big .box .right{ margin-left: 0; margin-top: 0.66666666rem; max-width: 100%;}
	.newsearch-case-big .box .right .con{ padding-bottom: 0.4rem; }
	.newsearch-case-big .box .right .con .text{line-height:0.53333333rem; font-size: 0.26666666rem; padding-top: 0.2rem;}
	.newsearch-case-big .box .right .tit{ font-size: 0.38rem; }
	.newsearch-case-big .box .right .des{ margin-top: 0.2rem; font-size: 0.32rem; line-height: 0.6rem;}
	.newsearch-case-small{ padding:0.66666666rem 0;}
	.newsearch-case-small .swiper-slide{ padding:0 0.12rem;}

	/* ========== */
	/* = PROSERVEER = */
	/* ========== */
	.proserveer{ padding:1rem 0 0.4rem;}
	.proserveer .home-tit .sub{ top:-1.6rem;}
	.proserveer ul{ margin: 0 -0.26666666rem 0.53333333rem;}
	.proserveer li{ margin-top: 0.53333333rem; width: 50%;  padding: 0 0.26666666rem;}
	.proserveer li .box{ padding: 0.66666666rem 0.13333333rem;}
	.proserveer li .box span{ width: 1.2rem;}
	.proserveer li .box .tit{  margin-top: 0.26666666rem; font-size: 0.4rem; }
	.proserveer li .box .des{ margin-top: 0.18666666rem; font-size: 0.32rem; line-height:0.53333333rem; min-height: 0.53333333rem; }
	.proserveer li .box .home-button{ margin-top: 0.53333333rem;}
	.proserveer .ul-02{ margin: 0 -0.26666666rem 0.53333333rem;}
	.proserveer .ul-02 li{ width: 50%;  padding: 0 0.26666666rem;}
		
	/* ========== */
	/* = REDBOOK = */
	/* ========== */
	.redbook-why{ padding: 1rem 0;}
	.redbook-why .content{ margin: 0.8rem 0; display: block;}
	.redbook-why .content .img{ width: 100%;}
	.redbook-why .content .text{ margin-top: 0.8rem; width: 100%;}
	.redbook-why .content .text .tit{ font-size: 0.5rem;}
	.redbook-why .content .text li{ margin-top:0.44rem; }
	.redbook-why .content .text li span{font-size: 0.4rem;}
	.redbook-why .content .text li p{ margin-top: 0.33333333rem; font-size: 0.32rem; line-height: 0.53333333rem;}
	.redbook-service{ padding: 1rem 0; background: #fff;}
	.redbook-service .content{margin: 0.8rem 0; display: block;}
	.redbook-service ul{ margin-left:0; width: 100%; padding-bottom:1rem;}
	.redbook-service ul li{ margin-top: 0.66666666rem; padding:0 0.26666666rem;}
	.redbook-service ul li img{ width: 0.8rem;}
	.redbook-service ul li span{  font-size: 0.34rem;}
	.redbook-service ul li p{ margin-top: 0.22rem; font-size: 0.26666666rem; line-height: 0.53333333rem; }
	.redbook-service .img{ width: 100%; }
	.redbook-service .img .text{ font-size: 0.32rem; line-height: 0.5rem; padding-top: 0.2rem;}
	.redbook-advantage{padding: 1rem 0;}
	.redbook-advantage ul{ margin: 0 0 0.8rem;}
	.redbook-advantage li{ margin-top: 0.7rem; width: 100%; padding: 0;}
	.redbook-advantage li .box{padding:0.6rem 0.5rem 0.4rem; letter-spacing: 0.01333333rem;}
	.redbook-advantage li .box img{ width: 1.4rem;}
	.redbook-advantage li .box .tit{ font-size: 0.4rem; padding-bottom: 0.26666666rem;}
	.redbook-advantage li .box p{ margin-top: 0.26666666rem; font-size: 0.32rem; line-height:0.64rem;}
	
	/* ========== */
	/* = HEADLINES = */
	/* ========== */
	.headlines-why{ padding: 1rem 0 ;}
	.headlines-why ul{ margin: 0.7rem 0; padding: 0;}
	.headlines-why ul li img{ width: 1rem;}
	.headlines-why ul li span{ font-size: 0.34rem;}
	.headlines-why ul li p{ margin-top:0.26666666rem; font-size: 0.32rem; line-height: 0.6rem;}
	
	.headlines-service{ padding: 1rem 0; }
	.headlines-service ul{ margin:0 0 0.8rem;}
	.headlines-service li{ width: 100%; padding: 0; margin-top: 0.8rem;}
	.headlines-service li .box{  border-radius: 0.33333333rem 0 0.33333333rem 0;}
	.headlines-service li .box .img span{ top:0.93333333rem; left:0.53333333rem; font-size: 0.5rem; line-height: 0.7rem;}
	.headlines-service li .box .tit img{  width:1rem;}
	.headlines-service li .box .tit span{ margin-top:2rem; font-size: 0.8rem;}
	.headlines-service li .box .des{ padding-right:0.13333333rem;}
	.headlines-service li .box .des p { margin:0.6rem 0;}
	.headlines-service li .box .des p img{ margin-right: 0.13333333rem; width: 0.7rem;}
	.headlines-service li .box .des p span{ font-size: 0.34rem;}
	
	.headlines-advantage{ padding: 1rem 0;}
	.headlines-advantage ul{ margin:0 0 0.8rem;}
	.headlines-advantage li{ width: 100%; margin-top: 0.8rem; padding: 0 0;}
	.headlines-advantage li .box{ padding: 0.4rem 0.26666666rem 0.8rem; }
	.headlines-advantage li p{ margin-top: 0.26666666rem; font-size: 0.4rem;}
	
	
	/* ========== */
	/* = mgHonors EPR = */
	/* ========== */
	.epr-why{ padding: 1rem 0;}
	.epr-why .container{ display: block;}
	.epr-why .text{ width: 100%; margin-bottom: 0.66666666rem;}
	.epr-why .text img{ height: 1.5rem;}
	.epr-why .text .con{ margin: 0.66666666rem 0 0.93333333rem; }
	.epr-why .text .box p{ margin-top: 0.4rem; font-size:0.4rem;}
	.epr-why .img{  width: 100%;}
	
	.epr-service{ padding: 1rem 0; background: #fff;}
	.epr-service .content{ display: block; margin:0.8rem 0; }
	.epr-service .content .img{ width: 100%;}
	.epr-service .content ul{ margin-top: 0.8rem; width: 100%;}
	.epr-service .content li{ height: 1.8rem; margin:0.5rem 0; padding-left: 1.8rem;}
	.epr-service .content li span{ width: 1.5rem;}
	.epr-service .content li div i{ font-size: 0.32rem; line-height:0.6rem;}
	.epr-service .content li div p{ line-height:0.5rem; font-size: 0.28rem;}
	
	.epr-advantage{ padding: 1rem 0;}
	.epr-advantage ul{ display: block; margin-bottom: 0.8rem;}
	.epr-advantage li{ margin-top: 0.66666666rem; width: 100%; max-width: 100%;}
	.epr-advantage li{  padding:0.53333333rem; }
	.epr-advantage li .ico{ width: 1.5rem; right:-0.3rem;}
	.epr-advantage li .tit{ font-size: 0.36rem; line-height: 0.53333333rem;padding-bottom: 0.23rem;}
	.epr-advantage li .tit span{ font-size:0.42666666rem; }
	.epr-advantage li .des{ margin-top: 0.23rem; font-size: 0.32rem; line-height:0.64rem;}
	
	/* ========== */
	/* = SEM = */
	/* ========== */
	.sem-why{ padding: 1rem 0;}
	.sem-why .container{ display: block; }
	.sem-why .img{ margin-top: 0.6666rem; width: 100%; }
	.sem-why .text{ width:100%; padding: 0.4rem 0 0; margin-left:0%; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0);}
	.sem-why .con{ margin:0 0 0.66666666rem; }
	.sem-why .con img{ width:0.9rem;}
	.sem-why .con p{ margin-top: 0.13333333rem; font-size: 0.32rem; letter-spacing: 0;}
	
	/*.sem-service{ padding: 1rem 0; background: #ffffff;}
	.sem-service ul{ margin-bottom: 1.06666666rem; display: block;}
	.sem-service li{ margin-top: 0.66666666rem;  width: 100%; max-width: 100%; }
	.sem-service li .img span{ width: 1.2rem; }
	.sem-service li .text{ padding:0.53333333rem 0.4rem;}
	.sem-service li .tit span{ font-size: 0.4rem; }
	.sem-service li .tit p{ margin-top: 0.18666666rem; font-size: 0.36rem;}
	.sem-service li .des{ max-width:50%; margin:0.4rem auto 0; font-size: 0.32rem; line-height: 0.64rem;}
	.sem-service li .des p{ padding-left: 0.4rem;}
	.sem-service li .des p:before{ top:0.24rem; width: 0.16rem; height: 0.16rem; }
	.sem-service li .num{ bottom: 0; right: 0; font-size: 1.2rem; line-height:1.2rem;}*/
	
	.sem-advantage{ padding: 1rem 0;}
	.sem-advantage ul{ margin-bottom: 0.93333333rem; display: block;}
	.sem-advantage li{ margin-top: 0.66666666rem;  width: 100%; max-width: 100%;}
	.sem-advantage li{ padding:0.53333333rem; letter-spacing: 0.01333333rem;}
	.sem-advantage li span{ width: 1.5rem; right:-0.3rem;}
	.sem-advantage li .tit{ font-size: 0.36rem; }
	.sem-advantage li p{margin-top: 0.23rem; font-size: 0.32rem; line-height:0.64rem;}
	
	
	/* ========== */
	/* = SEO = */
	/* ========== */
	.seo-service{  padding:1rem 0;  background: #fff;}
	.seo-service ul{margin-bottom: 1.06666666rem;}
	.seo-service li{ margin-top: 0.8rem; width: 100%; padding: 0.53333333rem;}
	.seo-service li .img{ width: 100%; }
	.seo-service li .img span{ width: 1.1rem;}
	.seo-service li .text{ margin-top: 0.66666666rem; width: 100%; max-width: 100%; position: relative;}
	.seo-service li .text .tit span{ font-size: 0.4rem;}
	.seo-service li .text .tit p{ font-size: 0.36rem;}
	.seo-service li .text .num{ top:0; right: 0; font-size: 0.66666666rem;}
	.seo-service li .des{font-size: 0.32rem; line-height: 0.64rem; min-height:2.12rem;}
	.seo-service li .des p{ padding-left: 0.4rem;}
	.seo-service li .des p:before{ top:0.24rem; width: 0.16rem; height: 0.16rem;}

	/* ========== */
	/* = PLANMAKE = */
	/* ========== */
	.planmake-box{ padding:1rem 0;}
	.planmake-box .tab{ margin: 0.66666666rem auto 0; }
	.planmake-box .tab:after{ height: 1px; border: none; background: #ccc; }
	.planmake-box .tab span{ margin: 0 0.4rem; }
	.planmake-box .tab span p{  font-size:0.32rem;}
	.planmake-box .tab span i{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; padding:2px;}
	.planmake-box .tab span i b{ display: block; width: 6px; height:6px; border-radius: 100%; background: #c8c8c8;}
	.planmake-box .tab:after{ bottom: 10px; }
	.planmake-box .swiper-planmake-box{ margin-top: 1.06666666rem; overflow: hidden; width: 100%;}
	.planmake-box .con{ display: block;width: 100%;}
	.planmake-box .con .img{ width: 100%;}
	.planmake-box .con .text{ margin-top: 0.8rem; width: 100%; padding-left:0;}
	.planmake-box .con .text .tit { text-align: center; }
	.planmake-box .con .text .tit span{ font-size: 0.44rem;}
	.planmake-box .con .text .tit p{ font-size: 0.34rem; margin-top: 0.2rem;}
	.planmake-box .con .text .boxcon{ text-align: center; }
	.planmake-box .con .text .box{  display: inline-block; vertical-align: top; min-height: 1.6rem; width:30%; margin:0.6rem 4% 0;}
	.planmake-box .con .text .box span{ float: none; display:block; margin:0 auto; width: 1rem;}
	.planmake-box .con .text .box div{ margin-left: 0; padding-top: 0.1rem; text-align: center;}
	.planmake-box .con .text .box i{ font-size: 0.32rem; }
	.planmake-box .con .text .box i:after{ width: 1.38rem; }
	.planmake-box .con .text .box p{ margin-top:0.13333333rem;  font-size: 0.26666666rem; line-height: 0.53333333rem; text-align: center;}
	.planmake-box .con .text .home-button{ margin: 0.66666666rem auto 0; background: #fff; color: #2a6cf4;}
	
	.planmake-why{ padding:1rem 0;}
	.planmake-why ul{ margin-top: 1rem;}
	.planmake-why li{ margin-bottom: 1.06666666rem; display: block;}
	.planmake-why li .img{ width: 100%;}
	.planmake-why li .text{ width: 100%; padding-left:0; margin-bottom: 0.66666666rem;}
	.planmake-why li:nth-child(2n) .text{ padding-right:0;}
	.planmake-why li .tit span{ font-size: 0.4rem;}
	.planmake-why li .tit p{ margin-top: 0.26666666rem; font-size: 0.34rem;}
	.planmake-why li .box{ width: 46%; margin-right:8%;}
	.planmake-why li .box{ margin-top: 0.8rem; }
	.planmake-why li .box span{ float: none; width: 1rem;} 
	.planmake-why li .box div{margin-left:0;}
	.planmake-why li .box i{  font-size: 0.32rem; padding-bottom: 0.2rem;}
	.planmake-why li .box i:after{ width: 1.38rem; }
	.planmake-why li .box p{ margin-top:0.13333333rem;  font-size: 0.26666666rem; line-height: 0.53333333rem; }
	
	.planmake-process{ padding: 1rem 0; background: #ffffff;}
	.planmake-process .content{ margin: 0.8rem 0; display: block;}
	.planmake-process .box{ width: 7.33333333rem; margin: 0 auto; text-align: left; position: relative; padding: 0.33333333rem 0.66666666rem 0.33333333rem  2.05333333rem; border-radius: 0.5rem 0 0.5rem 0;}
	.planmake-process .box .ico{ position: absolute; width:1rem; top:0.33333333rem; left:0.66666666rem;} 
	.planmake-process .box .tit{ font-size: 0.32rem; line-height:1rem; padding: 0;}
	.planmake-process .box .tit:after{ margin-left: 0; left:0; width: 0.6rem; }
	.planmake-process .box .des{  max-width:100%; font-size: 0.26666666rem;  line-height: 0.6rem;} 
	.planmake-process .box .des p{ display: inline-block; padding-left: 0.3rem; width: 48%;}
	.planmake-process .box .des p:before{ top:50%; margin-top: -0.05rem; width: 0.1rem; height: 0.1rem;}
	.planmake-process .box .num{ bottom:0.9rem; right:0.3rem; font-size: 1.1rem; line-height:1.7rem;}
	.planmake-process .jt{ padding: 0.2rem 0;}
	.planmake-process .jt img{ width: 0.5rem; transform: rotate(90deg); -webkit-transform: rotate(90deg);  }

	/* ========== */
	/* = ZHIHU = */
	/* ========== */
	.zhihu-why{ padding:1rem 0;}
	.zhihu-why ul{ margin:0.8rem 0; display: block; text-align: center; font-size: 0;}
	.zhihu-why li{ margin:0; width:50%; padding: 0.15rem; display: inline-block;}
	.zhihu-why li .box{ background: #fff; padding: 0.4rem; -webkit-box-shadow:0 0 0.12rem rgba(0,0,0,.08); box-shadow:0 0 0.12rem rgba(0,0,0,.08); }
	.zhihu-why li i{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden; width:1.2rem; padding: 0.12rem;}
	.zhihu-why li span{  font-size:0.32rem; letter-spacing:0.01333333rem; margin-top:0.13333333rem;}
	.zhihu-why li p{ margin-top: 0.16rem; font-size: 0.26666666rem; line-height: 0.53333333rem;}
	
	.zhihu-service{ display: block; }
	.zhihu-service .img{ width: 100%; height: 6.66666666rem;}
	.zhihu-service .mb-content{ padding: 0.3rem 0.4rem 1.2rem; background-image: url(../images/mb_zhihu_img.jpg); }
	.zhihu-service .text{ width: 100%; padding: 0.66666666rem 0.23rem;}
	.zhihu-service .text .home-button{ margin-top:0.5rem; }
	.zhihu-service .text .home-button.pc-block{ display: none; }
	.zhihu-service .text ul{ font-size: 0; }
	.zhihu-service .text li{ width:50%; margin:0; padding: 0.12rem;}
	.zhihu-service .text li .box{ background: #fff; padding:0.3rem 0.26rem; -webkit-box-shadow:0 0 0.12rem rgba(0,0,0,.08); box-shadow:0 0 0.12rem rgba(0,0,0,.08); }
	.zhihu-service .text li img{ display: none;}
	.zhihu-service .text li span{  display: block; padding-bottom: 0.15rem; position: relative; font-size:0.36rem; color: #2a6cf4;}
	.zhihu-service .text li span:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0.5rem; height: 1px; background: #cccccc; }
	.zhihu-service .text li p{ margin-top: 0.13rem; font-size: 0.26666666rem; line-height: 0.53333333rem; min-height: 1.599999rem;}
	.zhihu-advantage{ padding: 1rem 0;}
	.zhihu-advantage ul{ margin:0.26666666rem 0 1.06666666rem;}
	.zhihu-advantage li{ margin-top: 0.93333333rem; width: 100%; margin-right:0;}
	.zhihu-advantage li .text{ padding: 0.26666666rem; }
	.zhihu-advantage li .text span{ font-size:0.38rem; letter-spacing: 0.01333333rem;}
	.zhihu-advantage li .text p{ margin-top: 0.26666666rem; font-size: 0.32rem; line-height: 0.64rem;}
	
	/* ========== */
	/* = FLOW = */
	/* ========== */
	.flow-why{ padding:1rem 0;}
	.flow-why ul{ margin:0 auto 0.8rem; }
	.flow-why li{ margin-top: 0.8rem;}
	.flow-why li img{ width: 1.2rem;}
	.flow-why li span{ font-size: 0.38rem;}
	.flow-why li p{ margin-top: 0.18666666rem; font-size: 0.32rem; line-height: 0.64rem;}

	.flow-advantage{padding:1rem 0;}
	.flow-advantage ul{ margin-bottom: 0.8rem; display: block; text-align: center;}
	.flow-advantage li{ display: inline-block; width: 46%; margin: 0.4rem 1% 0; }
	.flow-advantage li:nth-child(2n){ margin-right: 0;}
	.flow-advantage li span{ font-size: 0.34rem; line-height:0.8rem;}
	
	/* ========== */
	/* = SEO_SYSTEM = */
	/* ========== */
	.seo-system{ padding: 1rem 0 ; background: none;}
	.seo-system-list{ margin-top: 1rem;}
	.seo-system-list li{ margin-bottom: 0.8rem; display: block; }
	.seo-system-list li .img{ width: 100%;}
	.seo-system-list li .text{ margin-top: 0.66666666rem; width: 100%; margin-right:0;}
	.seo-system-list li .text .tit{ padding-bottom: 0.26666666rem;}
	.seo-system-list li .text .tit span{ font-size: 0.4rem; }
	.seo-system-list li .text .tit p{ margin-top:0.26666666rem; font-size: 0.34666666rem;}
	.seo-system-list li .text .des{  margin-top: 0.26666666rem; font-size: 0.32rem; line-height:0.64rem; }
	.seo-system-list li .text .home-button{ margin: 0.66666666rem 0 0 ;}
	.seo-system-list li .text .num{ font-size: 2rem; line-height: 2rem;}
	.seo-system-list li:nth-child(2n) .text{ margin-left:0;}
	.seo-system-list li:nth-child(2) .text,
	.seo-system-list li:nth-child(5) .text{  color: #666;}
	.seo-system-list li:nth-child(2) .text .tit:after,
	.seo-system-list li:nth-child(5) .text .tit:after{ background: #2a6cf4;}
	.seo-system-list li:nth-child(2) .text .tit span,
	.seo-system-list li:nth-child(5) .text .tit span{ color: #333;}
	.seo-system-list li:nth-child(2) .text .des span,
	.seo-system-list li:nth-child(5) .text .des span{ color: #333;}
	.seo-system-list li:nth-child(2) .text .num,
	.seo-system-list li:nth-child(5) .text .num{color: #2a6cf4; opacity: .05; }
	
	
	/* ========== */
	/* = MEDIA = */
	/* ========== */
	.media-tab{ padding-top:1rem;}
	.media-tab.ny-menu a{ line-height: 0.8rem; width: 40%;}
	.media-tab.ny-menu span{ display: none;}
	.media-why{ padding: 1rem 0;}
	.media-why .container{ display: block; }
	.media-why .img{ width: 100%;}
	.media-why .text{ margin-left:0%; width:100%; padding: 0.66666666rem 0.3rem;}
	.media-why .con{ margin:0.66666666rem 0; }
	.media-why .con img{ width: 1.1rem;}
	.media-why .con p{ margin-top: 0.13333333rem; font-size: 0.32rem; letter-spacing: 0;}
	.media-service{ padding: 1rem 0;}
	.media-service .content{ margin-top: 0.66666666rem; display: block; }
	.media-service .img{ margin-bottom: 0.66666666rem; width: 100%;}
	.media-service .content .text{ width: 100%;}
	.media-service .content .text .des{ font-size: 0.32rem; line-height: 0.64rem;}
	.media-service .content .text ul{ margin-top: 0.8rem;}
	.media-service .content .text li span{ width: 1.4rem;}
	.media-service .content .text li p{font-size: 0.32rem; line-height: 0.64rem;}
	.media-service .content .text .home-button{ margin: 0.66666666rem auto 0;}

	
	/* ========== */
	/* = solution = */
	/* ========== */
	.solution{ padding-bottom:1rem;}
	.solution-list{ margin: 0;}
	.solution-list li{ width: 100%; margin-top: 0.8rem; padding: 0;}
	.solution-list li p{ line-height:1.3rem; font-size: 0.38rem; padding: 0 1.4rem 0 0.4rem;}
	.solution-list li p:after{ margin-top:-0.13333333rem; right:0.4rem; width:0.74666666rem; height:0.26666666rem;}
	
	/* ========== */
	/* = SOLUTION_DETAIL = */
	/* ========== */
	.solution-pain{ padding:1rem 0;}
	.solution-pain .img{ margin-top: 0.66666666rem;}
	.solution-journey{ padding:1rem 0;}
	.solution-journey .home-tit p{ margin: 0.53333333rem auto 0; font-size: 0.32rem; line-height: 0.61333333rem;}
	
	.solution-case{ padding:1rem 0;}
	.solution-case ul{ margin: 0 0 1.06666666rem;}
	.solution-case li{ margin-top: 0.8rem; width: 100%; padding: 0;}
	.solution-case li .box .img span{ bottom:-0.53333333rem; margin-left:-0.8rem; width:1.6rem; }
	.solution-case li .text{ padding: 0.66666666rem 0.4rem;}
	.solution-case li .text .tit{ padding-bottom: 0.29333333rem;}
	.solution-case li .text .tit span{ font-size: 0.4rem;}
	.solution-case li .text .tit p{ margin-top: 0.13333333rem; font-size:0.36rem;}
	.solution-case li .text .des{ margin-top:0.4rem; min-height: 0; }
	.solution-case li .text .des p{ margin-bottom: 0.2rem; font-size: 0.32rem; line-height:0.6rem; padding-left:0.6rem;}
	.solution-case li .text .des p:before{ top:0.1rem; width:0.4rem; height: 0.4rem; }
	
	.solution-service{ padding:1rem 0;}
	.solution-service ul{ display: block; text-align: center; }
	.solution-service li{ display: inline-block; width:22%; margin:0.66666666rem 1% 0;}
	.solution-service li a p{ font-size:0.4rem; line-height: 0.66666666rem; margin-top:-0.33333333rem;}
	
	
	/* ========== */
	/* = CASE_MARKET = */
	/* ========== */
	.case{ padding:0.8rem 0 1rem;}
	.case-tab{ margin-bottom: 1rem; }
	.case-tab a{ margin:0 0.15rem 0.15rem 0; border-radius: 0.05rem;  padding: 0 0.1rem;  min-width: 2.16rem; line-height: 0.8rem; font-size: 0.34rem;}
	.case-tab a:nth-child(4n){ margin-right: 0; }
	.case-tab a:hover{ border: 1px solid  #cccccc; color: #999999; }
	.case-tab a.actvie{ border: 1px solid #2a6cf4; color: #fff; }
	.case-list{ margin: 0;}
	.case-list li{ margin-bottom: 1rem; width:100%; padding: 0;}
	.case-list li .box { padding:0.86666666rem;}
	.case-list li .box .tit{ margin-top: 0.4rem; padding-right: 0.93333333rem; font-size: 0.32rem;}
	.case-list li .box .tit:after{ margin-top:-0.13333333rem; width: 0.74666666rem; height:0.26666666rem; }
	.case-list li .box .tit span{ margin-right: 0.13333333rem; font-size: 0.4rem; letter-spacing: 0.02666666rem;}
	.case-list li .box .des{ margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.64rem; height: 1.28rem;}
	.case-list li .box .tip { width: 105%; min-height: 0;}
	.case-list li .box .tip span{ font-size: 0.32rem;}
	
	.market-logo{ padding: 1rem 0;}
	.market-logo ul{ margin: 1.06666666rem 0;}
	.market-logo li{ width:33.33333%; padding:0.4rem 0.13333333rem;}
	.market-logo li:nth-child(4),
	.market-logo li:nth-child(5){ border-top: 1px dashed #dfdfdf;}
	.market-logo li:nth-child(5n){ border-right: 1px dashed #dfdfdf;}
	.market-logo li:nth-child(3n){ border-right: none;}
	
	
	/* ========== */
	/* = CASE_MARKET_DETIAL = */
	/* ========== */
	.case-detail{ padding:1rem 0;}
	.case-detail .container{ display: block;}
	.case-detail .left{ width: 100%;}
	.case-detail .right{ width: 100%; padding: 0.66666666rem 0.53333333rem;}
	.case-detail .right .title{ padding-bottom:0.3rem; padding-right:3.2rem; font-size: 0.36rem;}
	.case-detail .right .title .home-button{ position: absolute; top:0; right:0;}
	.case-detail .right .title span{ margin-right:0; font-size: 0.48rem; margin-bottom: 0.13333333rem; display: block;}
	.case-detail .detail{ margin-top:0.4rem; font-size: 0.32rem; line-height:0.6rem;}
	.case-detail .detail .tit{ margin-bottom: 0.2rem; font-size: 0.4rem; }
	.case-detail .detail .des{  margin-bottom: 0.4rem;}
	.case-detail .detail .des .p-tip{ margin-top: 0.2rem; padding-left:0.9rem;}
	.case-detail .detail .result p{ padding-left:0.5rem;}
	.case-detail .detail .result p:before{ top:0.1rem; width: 0.4rem; height: 0.4rem;}
	
	.xg-case{  padding:1rem 0;}
	.xg-case-list { margin: 0;}
	.xg-case-list li{ margin-top:0.8rem; width:100%; padding:0;}
	.xg-case-list li .box{ padding:0.86666666rem;}
	.xg-case-list li .box .tit span{ padding-bottom:0.26666666rem; margin-bottom:0.26666666rem; font-size: 0.4rem; }
	.xg-case-list li .box .des{ font-size: 0.32rem; line-height:0.64rem; margin-top: 0.33333333rem; height: 1.28rem;}
	.xg-case-list li .box .more{ margin-top: 0.13333333rem;}
	.xg-case-list li .box .more span{ font-size:0.32rem;}
	.xg-case-list li .box .more i{ width: 0.74666666rem; height:0.26666666rem;}
	.xg-theme span{ font-size: 0.53333333rem; letter-spacing:0.02666666rem;}
	
	
	/* ========== */
	/* = WEBCASE = */
	/* ========== */
	.webcase{ padding:1rem 0;}
	.webcase .content{ margin:1rem 0 0;}
	.webcase .article{  width:100%; float: left; padding: 0;}
	.webcase .article:nth-child(2){ margin-top: 0; }
	.webcase .article:nth-child(2n+1){ margin-top:0; }
	.webcase .article:nth-child(1){ margin-top: 0; }
	.webcase .article .box .text{ padding:0.4rem;}
	.webcase .article .box .text .tit{ padding-bottom: 0.2rem; font-size:0.4rem; }
	.webcase .article .box .text .tip{ margin-top: 0.26666666rem; padding-right: 0.93333333rem; font-size: 0.32rem;}
	.webcase .article .box .text .tip:after{ margin-top:-0.13333333rem; width:0.74666666rem; height: 0.26666666rem;}
	.webcase .article .box:hover .img:after{ opacity:0;}
	.webcase .article .box:hover .con{ display: none;}
	.webcase .article .box:hover .tip:after{ background-image: url(../images/solution_more.png);}
	
	/* ========== */
	/* = WEBCASE-DETAIL = */
	/* ========== */
	.webcase-detail-banner{ padding: 1rem 0;}
	.webcase-detail-banner .content{ display: block;}
	.webcase-detail-banner .content .bg{ display: none;}
	.webcase-detail-banner .img{ margin: 0 auto 0.66666666rem; width: 9.01333333rem; height: 7.44rem; padding:0.43rem 0.43rem 0;}
	.webcase-detail-banner .img div span{  width: 0.8rem; height:  0.8rem; margin-left: -0.4rem; margin-top: -0.4rem; }
	.webcase-detail-banner .text{ width: 100%;}
	.webcase-detail-banner .text .title{ padding-bottom:0.3rem; font-size: 0.4rem;}
	.webcase-detail-banner .text .title span{ font-size: 0.48rem; }
	.webcase-detail-banner .text .tip{ margin-top:0.4rem; font-size: 0.32rem;}
	.webcase-detail-banner .text .des{ font-size: 0.32rem; line-height: 0.64rem;}
	
	.webcase-detail { padding: 1rem 0;}
	.webcase-detail .content{display: block; padding-bottom: 0;}
	.webcase-detail .content:after{ display: none;}
	.webcase-detail .detail{ width: 100%;}
	.webcase-detail .text{ width: 100%; padding-top:0.66666666rem;}
	.webcase-detail .text .tit{ margin-bottom: 0.13333333rem; font-size: 0.4rem; }
	.webcase-detail .text .color{ margin-top: 0.26666666rem;}
	.webcase-detail .text .color .box span{ width: 1.33333333rem; height:  1.33333333rem; border-radius: 0.26666666rem; }
	.webcase-detail .text .des{ margin-bottom:0.66666666rem; font-size: 0.32rem; line-height: 0.64rem;}
	.webcase-button{padding:0.13333333rem 0.4rem;}
	.webcase-button i{ width: 0.5rem; height: 0.5rem; }
	.webcase-button span{ margin-left: 0.13333333rem;  font-size: 0.32rem;}
	
	.xg-webcase{ padding:1rem 0;}
	.xg-webcase ul{ margin: 0;}
	.xg-webcase li{  margin-top: 0.8rem; width: 100%; padding: 0; }
	.xg-webcase li .box .text{ padding:0.4rem;}
	.xg-webcase li .box .text .tit{ padding-bottom:0.26666666rem; font-size:0.4rem;}
	.xg-webcase li .box .text .tip{ margin-top:0.2rem; padding-right: 0.93333333rem; font-size: 0.32rem; }
	.xg-webcase li .box .text .tip:after{ margin-top:-0.13333333rem; width:0.74666666rem; height:0.26666666rem;}
	.xg-webcase li .box:hover .img img{ transform: scale(1); -webkit-transform: scale(1);}
	.xg-webcase li .box:hover .tit{ color: #333;}
	.xg-webcase li .box:hover .tip:after{ background-image: url(../images/solution_more.png);}
	
	
	/* ========== */
	/* = WECHATAPPLET = */
	/* ========== */
	.wechat-list{ margin: 0 0 1rem;}
	.wechat-list li{ width:100%; padding: 0; margin-top:1rem;}
	.wechat-list .item{ padding:0.4rem;}
	.wechat-list .item .img{ width:4rem; height:6.86666666rem; padding:0.10666666rem 0.46666666rem 0.13333333rem;}
	.wechat-list .item .text{ margin-left:4rem; padding-top:0.3rem;}
	.wechat-list .item .text .ico{ width: 1rem;}
	.wechat-list .item .text .tit{ font-size: 0.44rem; padding: 0.2rem 0; }
	.wechat-list .item .text .tip{ margin-top:0.22rem; font-size: 0.36rem;}
	.wechat-list .item .text .erweima{ margin-top:0.66666666rem;}
	.wechat-list .item .text .erweima img{ width: 50%;}
	.wechat-list .item .text .erweima p{ margin-top: 0.2rem; font-size: 0.32rem;}
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-banner{ height:7rem;}
	.about-banner .text { transform: translateY(40%); -webkit-transform: translateY(40%); }
	.about-banner .text span{ font-size:0.66666666rem;}
	.about-banner .text p{ font-size: 0.4rem; margin-top: 0.26666666rem;}
	.about-banner .button { display: none;}
	
	.about-box{ display: block;}
	.about-box #about{ top:-1.6rem;}
	.about-box .text{ width: 100%; padding: 1rem 0.4rem;}
	.about-box .text img{ width: 1rem;}
	.about-box .text h2{ margin-top: 0.53333333rem; font-size:0.44rem;}
	.about-box .text .tip{ margin-top: 0.26666666rem; font-size: 0.4rem; }
	.about-box .text .des{ margin-top:0.53333333rem; font-size: 0.32rem; line-height: 0.64rem; }
	.about-box .right{ width: 100%; padding: 0.66666666rem 0.4rem;}
	.about-box .home-tit{ display: none; }
	.about-box ul li{ margin-top: 0.8rem;}
	.about-box ul li:nth-child(1),
	.about-box ul li:nth-child(2),
	.about-box ul li:nth-child(3){ margin-top: 0; }
	.about-box ul li span{ padding-right: 0.4rem; font-size:0.66666666rem; }
	.about-box ul li span sup{ line-height: 0.4rem; font-size: 0.4rem;}
	.about-box ul li:first-child span sup{ font-size: 0.32rem;}
	.about-box ul li p{ margin-top: 0.13333333rem; font-size: 0.32rem;}
	
	.about-history{ padding: 1rem 0;}
	.about-history .content{ margin: 1rem 0 0.2rem; }
	.about-history .content .img{ display: none; }
	.about-history .content .left{ width: 100%; }
	.about-history .swiper-history .date{font-size: 0.48rem; padding-bottom: 0.33333333rem;}
	.about-history .swiper-history .date span{ font-size:0.6rem;}
	.about-history .swiper-history .des{ font-size: 0.32rem; line-height: 0.64rem; margin-top: 0.26666666rem;}
	.about-history .time-content{ padding: 0 0.8rem;}
	.about-history .swiper-history-nav .swiper-slide p{ margin-top: 0.13333333rem; font-size: 0.34666666rem;}
	.about-history .swiper-button-next,
	.about-history .swiper-button-prev{ margin-top:-0.33333333rem; width: 0.66666666rem; height: 0.66666666rem;}
	
	.about-honor{ padding: 1rem 0;}
	.swiper-honor{ padding: 0.66666666rem 0 1.06666666rem;}
	.swiper-honor .con{ display: block; }
	.swiper-honor .con .left{ margin-bottom: 0.9rem; width: 100%;}
	.swiper-honor .con .right{ width:100%;}
	.swiper-honor .con .right .text{ display: none; margin-bottom: 0.3rem;  font-size:0.36rem;}
	.swiper-honor .con .right .text i{ font-size: 0.4rem;}
	.swiper-honor .con .right .num{ margin-bottom: 0.3rem;  font-size: 0.4rem;}
	.swiper-honor .con .right .num span{ font-size: 0.53333333rem;}
	.about-honor .button{ display: none;}
	 
	.about-team{ padding: 1rem 0;}
	.about-team ul{ display: block; }
	.about-team li{ margin-top: 0.8rem; width: 100%;}
	.about-team li .box{  padding:0.66666666rem;}
	.about-team li .head span{width: 1.5rem;}
	.about-team li .tit{ margin-left:0.13333333rem; }
	.about-team li .tit h2{ font-size: 0.4rem;}
	.about-team li .tit p{ margin-top: 0.06666666rem; font-size: 0.32rem;}
	.about-team li .des{ margin-top: 0.18666666rem; font-size: 0.32rem; line-height: 0.64rem;}
	
	.about-news{  padding: 1rem 0;}
	.about-news .content{ margin:0.8rem 0; height:5.2rem; overflow-y: auto; overflow:scroll;}
	.about-news .list{ padding-right:0.5rem;}
	.about-news .list li{ padding-bottom:0.6rem;}
	.about-news .list .img{  width:3.2rem;}
	.about-news .list .text{margin-left: 3.4rem; height:2.05rem;}
	.about-news .list .date{ display:none;}
	.about-news .list .tit{ margin-top: 0.3rem; font-size: 0.34rem;}
	.about-news .list .des{ margin-top: 0.13rem; font-size: 0.3rem; line-height: 0.6rem; height: 1.2rem;}
	.about-news .list .more{display: none;}
	.about-news .list a:hover .img img{ transform: scale(1); -webkit-transform: scale(1);}
	.about-news .list a:hover .date{ color: #666;}
	.about-news .list a:hover .tit{ color: #333;}

	::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 7px;
	}
	::-webkit-scrollbar-thumb {
	  border-radius: 4px;
	  background-color: rgba(0, 0, 0, .2);
	  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	}
	
	/* ========== */
	/* = video = */
	/* ========== */
	.video{ padding: 1rem 0 0.4rem;}
	.video-list{ background:#ffffff; }
	.video-list li{  margin-bottom: 0.8rem; width: 100%; margin-right:0%; }
	.video-list li .img{  padding: 0.5rem 0;}
	.video-list li .img span{  width: 0.8rem; height: 0.8rem; margin-left: -0.4rem; margin-top: -0.4rem;}
	
		
	.video-detail{ padding: 1rem 0; }
	.video-detail .title{ font-size: 0.46rem; margin-bottom: 0.6rem; }


	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact{ padding: 1rem 0;}
	.contact .content{ display: block;}
	.contact .map-box{ width:100%; height:8rem;}
	.contact .text{ width: 100%; padding: 0.66666666rem;}
	.contact .text>img{ width:3rem;}
	.contact .text li{ margin-top:0.53333333rem; min-height: 1rem; padding-left: 1.2rem; font-size: 0.32rem; line-height:0.58rem;}
	.contact .text li img{ width: 1rem;}
	.contact .text li span{ font-size:0.36rem;}


	/* ========== */
	/* = DIAGNOSIS = */
	/* ========== */
	.diagnosis{ padding: 2.6rem 0 1rem; }
	.diagnosis .container{ display:block;}
	.diagnosis .text{ width: 100%;}
	.diagnosis .text h2{ font-size: 0.46rem; letter-spacing: 0.02666666rem;}
	.diagnosis .text .des{ margin: 0.53333333rem 0 0.66666666rem; font-size: 0.32rem; line-height: 0.64rem; letter-spacing: 0.01333333rem;}
	.diagnosis .text .des li{ margin-bottom: 0.26666666rem;}
	.diagnosis .text .des li span{ margin-bottom:0.04rem; padding-left:0.6rem; font-size:0.36rem;}
	.diagnosis .text .des li span:before{top:0.1rem; width:0.44rem; height: 0.44rem;}
	.diagnosis .text .des li p{ padding-left: 0.6rem;}
	.diagnosis .text .des:last-child{ margin: 0.66666666rem 0 0 ;}
	.diagnosis .box{ margin-top: 0.8rem; width: 100%; margin-right:0; max-width: 100%; padding:0.66666666rem 0.4rem; }
	.diagnosis .box .tit{ padding-bottom: 0.4rem; }
	.diagnosis .box .tit span{ padding-bottom: 0.26666666rem; font-size: 0.44rem; letter-spacing: 0.02666666rem;}
	.diagnosis .box .tit p{ font-size: 0.34666666rem; margin-top: 0.18666666rem;}
	.diagnosis .box .in{ margin-top: 0.26666666rem;}
	.diagnosis .box .in select,
	.diagnosis .box .in input{ height: 1.2rem; line-height: 1.2rem; padding:0 0.32rem; font-size: 0.34666666rem;  }
	.diagnosis .box .ui-multiselect{ padding: 0 0.73333333rem 0 0.32rem; height: 1.2rem; line-height:  1.2rem;font-size: 0.34666666rem; }
	.diagnosis .box .in-select:after { top:0.35rem; right: 0.4rem; width: 0.5rem; height: 0.5rem; }
	.diagnosis .box .button{  margin-top: 0.4rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.37333333rem; letter-spacing: 0.02666666rem; }
	.diagnosis .box .tip{ margin-top: 0.4rem; }
	.diagnosis .box .tip p{ padding-left: 0.66666666rem; line-height:0.5rem; font-size: 0.32rem;}
	.diagnosis .box .tip p:before{ top: 0.05rem; width: 0.4rem; height: 0.4rem;}

	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding: 1rem 0;}
	.news .ny-menu{ margin-bottom: 1rem;}
	.news-left{ width:100%;}
	.news-list li{ margin-bottom: 1rem;}
	.news-list li a{ display: block;}
	.news-list li a:after{width: 100%;}
	.news-list li .img{ width: 100%; }
	.news-list li .text{ margin-top: 0.6rem; width:100%;}
	.news-list li .text .date{  font-size: 0.32rem; }
	.news-list li .text .date span{ font-size: 0.6rem;}
	.news-list li .text .tit{ margin-top: 0.22rem; font-size: 0.38rem; font-weight: bold;}
	.news-list li .text .des{ margin-top: 0.4rem; font-size: 0.32rem;}
	.news-list li .text .more{ margin-bottom: 0.4rem; margin-top: 0.4rem; padding-right:0.6rem;}
	.news-list li .text .more:after{  margin-top: -0.25rem; width: 0.5rem; height: 0.5rem; }
	.news-right{width:100%; margin-top: 1rem;}
	.news-right .box-img span{ font-size: 0.5rem; }
	.news-right .box-img p{ margin-top: 0.2rem; font-size: 0.34rem; line-height:0.68rem;}
	.news-right .box-img a{ margin-top: 0.3rem; font-size: 0.34rem; letter-spacing: 0;}
	.news-right .tit{ font-size: 0.5rem;}
	.news-right-list{ margin-top: 0.66666666rem;}
	.news-right-list ul{ margin-top: 0.5rem;}
	.news-right-list li{ padding: 0.3rem 0 0.3rem;}
	.news-right-list li p{ font-size: 0.36rem; line-height: 0.64rem; height: 1.28rem;}
	.news-right-list li div{  margin-top: 0.3rem; }
	
	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail .title{ font-size: 0.46rem; }
	.news-detail .source{ padding:0.5rem 0 0.4rem;}
	.news-detail .source span{ margin-right: 0.4rem; font-size: 0.32rem; line-height: 0.4rem;  padding-left: 0.53333333rem;}
	.news-detail .source span:before{ width: 0.4rem; height: 0.4rem;}
	.news-detail .detail{ padding: 0.8rem 0; font-size: 0.32rem; line-height: 0.64rem; }
	.flip{  margin-top: 0.53333333rem; }
	.flip a{ font-size: 0.32rem;}
	.news-detial-add{ margin-top:1.06666666rem; padding:1.06666666rem 0.4rem 2.2rem; letter-spacing:0; }
	.news-detial-add span{ font-size: 0.37333333rem; }
	.news-detial-add p{ font-size: 0.4rem;}
	.news-detial-add a{ margin-top: 0.53333333rem; font-size: 0.34666666rem; }
	.news-interest{ margin-top: 0.3rem;}
	.news-interest .tit{ font-size: 0.5rem;}
	.news-interest ul{ margin-top: 0.5rem;}
	.news-interest li{ width: 100%; margin-right:0; padding: 0.3rem 0 0.3rem;}
	.news-interest li p{  font-size: 0.36rem; line-height: 0.64rem; height: 1.28rem;}
	.news-interest li div{ margin-top: 0.3rem;}
	.news-lable{ margin-top: 0.66666666rem; min-height:0.4rem; font-size: 0.34rem;}
	.news-lable a {  margin-left: 0.13333333rem; line-height:0.6rem; padding: 0.06666666rem 0.29333333rem; }
	
	/* ========== */
	/* = JUHE = */
	/* ========== */
	.news-right-hot{ margin-top:0.8rem; }
	.news-right-hot .tit{ font-size:0.4rem;}
	.news-right-hot .tit span{ font-size: 0.32rem;}
	.news-right-hot ul{ border-left: 1px solid #e4e4e4;  border-right: 1px solid #e4e4e4;}
	.news-right-hot li{ padding:0.4rem; }
	.news-right-hot li a{ font-size: 0.32rem; }
	
	.juhe-img{ margin-top:0.8rem;}
	.juhe-tit{ font-size: 0.44rem; font-weight:bold;}
	.juhe-tit span{ font-size: 0.32rem; font-weight: normal;}
	.jh-industry{ margin-top: 1rem;}
	.jh-industry ul{ margin:0.8rem 0 0;}
	.jh-industry li{width: 100%; padding: 0; margin-bottom: 0.4rem;}
	.jh-industry li .tit:after{  margin-top:-0.25rem;; width: 0.5rem; height:  0.5rem; background-size: cover;}
	
	.juhe-message{ margin-top: 0.8rem;} 
	.juhe-message h2{font-size: 0.4rem; font-weight: bold;}
	.juhe-message h2 span{font-size: 0.32rem; margin-left: 0.13333333rem; font-weight: normal;}
	.juhe-message .input-list{ margin-top: 0.4rem; width: 100%;}
	.juhe-message .input-list .input-li{ width: 100%; margin: 0.4rem 0 0;}
	.juhe-message .message-btn{ width:3rem; line-height:1rem; font-size: 0.34666666rem;}
	
	.jh-information{ margin-top: 1rem;}
	.jh-information .left{ width: 100%;}
	.jh-information li{ padding: 0.5rem 0;}
	.jh-information li a{ padding-right:0;}
	.jh-information li .img{width:4.1rem;}
	.jh-information li .text{ margin-left:4.2rem; padding-top:0;}
	.jh-information li .text span{ font-size:0.34rem; line-height: 0.66666666rem;}
	.jh-information li .text p{ margin-top:0.15rem; font-size: 0.32rem; line-height:0.6rem; height: 1.2rem;}
	.jh-information li .date{ display: none;}
	.jh-information .getmore{ margin-top:0.53333333rem;}
	.jh-information .getmore a{  width:3rem; line-height:1rem; font-size: 0.34666666rem;}
	.jh-information .tipbox{ width: 100%; margin-top: 1.06666666rem;}
	.jh-information .tipbox .tit{ font-size: 0.4rem;}
	.jh-information .tipbox .tit span{font-size:0.32rem;}
	.jh-information .tipbox .con a{ margin:0.1rem; padding:0.13333333rem 0.26666666rem; font-size: 0.32rem;}


	/* ========== */
	/* = YINGXIAO = */
	/* ========== */
	.zt-tit{ padding: 0.26666666rem 0; }
	.zt-tit span{ padding-left: 0.26666666rem; font-size: 0.4rem;}
	.wltg-box{ padding:0.5rem 0.4rem; }
	
	.wltg-news{ padding:0.5rem 0.4rem;}
	.wltg-news ul{ margin: 0;}
	.wltg-news li{ width: 100%; padding: 0;}
	.wltg-news li .item{ padding: 0.5rem 0;}
	.wltg-news li .item .img{ width: 2.9rem;}
	.wltg-news li .item .img .con span{ font-size: 0.32rem;}
	.wltg-news li .item .img .con p{ margin-top: 0.06666666rem; font-size: 0.22rem; }
	.wltg-news li .item .text{  margin-left:3.1rem;}
	.wltg-news li .item .text a{ padding-right:1.55rem; line-height:0.46rem; height: 0.46rem;}
	.wltg-news li .item .text a span{font-size: 0.28rem;}
	.wltg-news li .item .text a em{ font-size: 0.24rem;}
	
	.wltg-three{ padding:0;}
	.wltg-three .box{  width: 100%; margin-right:0; padding:0.5rem 0.4rem;}
	.wltg-three .box .zt-tit{ padding: 0.26666666rem 0;}
	.wltg-three .box .con{ margin-top:0.53333333rem; padding:0.26666666rem;}
	.wltg-three .box .con .tip{ line-height:0.66666666rem;}
	.wltg-three .box .con .tip span{ font-size:0.45333333rem;}
	.wltg-three .box .con .tip em{font-size: 0.32rem; }
	.wltg-three .box .con .tit{ margin-top: 0.26666666rem; font-size: 0.34666666rem; line-height:0.42666666rem; max-height:0.85333333rem;}
	.wltg-three .box .con .des{ margin-top: 0.26666666rem; font-size: 0.32rem; line-height: 0.4rem; height:0.8rem;}
	.wltg-three .box ul{ margin-top: 0.4rem;}
	.wltg-three .box li{ margin-top: 0.06666666rem;}
	.wltg-three .box li a{ line-height:0.7rem; font-size:0.32rem;}
	
	.wltg-hot{ padding:0.5rem 0.4rem;}
	.wltg-hot ul{ margin: 0;}
	.wltg-hot li{ width: 100%; padding: 0;}
	.wltg-hot li a{ line-height:0.7rem; font-size:0.32rem;}
	
	/* ========== */
	/* = SITEMAP = */
	/* ========== */
	.sitemap{ padding:1.5rem 0.53333333rem;}
	.sitemap .tit{ padding-bottom:0.4rem; font-size: 0.44rem;}
	.sitemap .tit span{ margin-right:0.26666666rem; font-size:0.38rem;}
	.sitemap li{ padding:0.4rem 0; line-height: 0.8rem;}
	.sitemap li>span a{font-size:0.36rem; margin-right: 0.26666666rem; }
	.sitemap li>div{ margin-top: 0.26666666rem;}
	.sitemap li>div img{ width: 0.6rem; }
	.sitemap li>div span{ font-size: 0.333333rem; margin-right: 0.3rem; }
	.sitemap li>div a{  margin-right: 0.26666666rem; font-size: 0.32rem;}
}



/* ========== */
/* = redbook = */
/* ========== */
.redbook-banner{ width: 100%; height: 400px; background-size: cover; background-image: url(../images/banner.jpg); background-position: center;}
.redbook-banner .text{ padding-top: 290px; max-width: 1200px; margin:0 auto; padding-left:10%;}
.redbook-banner .text a{ display: inline-block; width: 213px; height: 56px; line-height: 56px; text-align: center; background: #FFFFFF; border-radius: 5px; font-size: 26px; color: #f62d4f; font-weight: bold; position: relative;}

.ico-hand{ content: ""; position: absolute; bottom: -15px; right:0px; width: 40px; height:40px; background-image: url(../images/ico_hand.png); background-size:cover;}
.ico-hand{
  -webkit-animation: scales 1.5s linear infinite 0s;
  -moz-animation: scales 1.5s linear infinite 0s;
  -o-animation: scales 1.5s linear infinite 0s;
  -ms-animation: scales 1.5s linear infinite 0s;
  animation: scales 1.5s linear infinite 0s;
  -webkit-transition: all ease .4s;
  -moz-transition: all ease .4s;
  -ms-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
}
@-webkit-keyframes scales {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes scales {
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes scales {
	0% {
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-ms-keyframes scales {
	0% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes scales {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}


.redbook-tit{ max-width: 580px; margin: 0 auto; text-align: center; font-size: 32px; color: #333333; font-weight: bold; letter-spacing: 2px; position: relative; padding-bottom: 28px; border-bottom: 1px solid #999999;}
.redbook-tit:after{ content: ""; position: absolute; bottom:-6px; margin-left: -6px; left:50%; width: 12px; height: 12px; background: #f62d4f; border-radius: 100%;}
.redbook-des{  margin-top: 25px; font-size: 20px; color: #666; text-align: center; letter-spacing: 1px;}
a.redbook-bt{ display: block; margin: 0 auto; width: 234px; height: 68px; line-height: 68px; background: #f62d4f; color: #FFFFFF; font-weight: bold; font-size: 24px; text-align: center; position: relative;} 

.redbook-box{ padding: 60px 0; text-align: center; background: #ffffff;}
.redbook-box .content{ margin-top: 55px;}
.redbook-brand{ padding: 60px 0; background: #fafafa;}
.redbook-brand li{ margin-top:50px; float: left; width: 23.5%; margin-right:2%; text-align: center;}
.redbook-brand li:nth-child(4n){ margin-right:0;}
.redbook-brand li span{ display: block; font-size:24px; color:#FFFFFF; background: #f62d4f; line-height: 70px;}
.redbook-brand li p{ border: 1px solid #afafaf; padding: 22px 30px; font-size: 20px; line-height: 30px; color: #666666;}
.redbook-market{ padding: 60px 0;  background: #ffffff;}
.redbook-market .content{ margin-top: 55px;}
.redbook-market .left{ float: left; width: 58%;}
.redbook-market .right{ float: right; width:38%;}

.redbook-flow{ padding:60px 0; background: #f9f9f9;}
.redbook-flow .con{ margin: 40px 0 60px; text-align: center;}
.redbook-exposure{ background: #FFFFFF;}

.redbook-case{ background: #f9f9f9; padding: 60px 0;}
.redbook-case .logo-div{ max-width: 1440px; margin: 60px auto 50px;}
.redbook-case .logo-div div{ float: left; width:12.5%; padding: 0 10px; box-sizing: border-box;}
.redbook-case .slick{ padding-bottom: 65px;}
.redbook-case .slick-dots{ bottom:0;}
.redbook-case .slick-dots li{ width: 16px; height: 16px; margin: 0 8px;}
.redbook-case .slick-dots li button{ width: 16px; height: 16px; border-radius: 100%; border: 1px solid #f62d4f; background: #ffffff;}
.redbook-case .slick-dots li button:before{ display: none}
.redbook-case .slick-dots li.slick-active button{background:#f62d4f;}

.zixun-top{ margin-top:20px; background-color: #f5f5f5; border-left: 4px solid #ccc; padding:30px;  font-size: 14px;  line-height: 32px; }
.zixun-img{ margin-top:30px; }





/* ========== */
/* =new = */
/* ========== */
.news-right .box-img2{ background-image: url(../images/news_right_img2.jpg); }
.news-right .box-img2 p{ font-size: 16px;}
.news-detail .detail .small-letter{ text-align: center; font-size: 14px;}
.news-detail .detail .blue-div{ background: #2969ef; padding:20px; letter-spacing: 1px; font-size: 16px; line-height: 36px; color: #FFFFFF;}

@media (max-width:999px){
	.news-right .box-img2 p{ font-size: 0.36rem;}
	.news-detail .detail .small-letter{  font-size: 0.3rem;}
	.news-detail .detail .blue-div{  padding: 0.4rem;  font-size: 0.32rem; line-height: 0.64rem;}
}





/* ========== */
/* = reputation = */
/* ========== */
.w1400{ max-width: 1710px; padding:0 8%; margin: 0 auto;}
.reputation-box{ padding-top: 90px;}
.reputation-box .content{ margin-top: 50px; position: relative;}
.reputation-box .con{ position: absolute; z-index: 2; top:130px; left:0; width: 100%; text-align: center; font-weight: 600;}
.reputation-box .con .tit{ font-size: 36px; margin-bottom:1%; color: #FFFFFF;text-shadow:rgba(0,0,0,.7) 3px 4px 5px;}
.reputation-box .con .des{ margin-bottom: 8%; font-size: 48px; color: #FFFFFF;text-shadow:rgba(0,0,0,.7) 3px 4px 5px;}
.reputation-box .con .home-button{ background: rgba(255,255,255,.7);}
.reputation-box .con .home-button:hover{ background: #2a6cf4;}


.reputation-making{ padding: 75px 0; text-align: center;}
.reputation-making .content{ margin-top: 45px; border:2px solid #EEEEEE; position:relative;}
.reputation-making .content:after{ content: ""; position: absolute; top:0; left:0; width: 17%; height: 100%; background: #ecf1fe; }
.reputation-making .row{ position: relative; z-index: 1;  border-bottom:2px solid #EEEEEE; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center; }
.reputation-making .row:last-child{ border-bottom: none;}
.reputation-making .row .div-01{ width: 17%; padding:50px 0; color: #333333; }
.reputation-making .row .div-01 span{ display: block; font-size: 27px; font-weight:600;}
.reputation-making .row .div-01 p{ margin-top: 5px; font-size: 24px;}
.reputation-making .row .div-02{ width: 16.6%; position: relative; padding:25px 0;}
.reputation-making .row:nth-child(1) .div-02 span{ color: #2a6cf4; border: 1px solid #2a6cf4; line-height:40px; border-radius: 20px; display:inline-block; font-size: 18px; padding: 0 30px; width: 70%;}
.reputation-making .row:nth-child(1) .div-02 i{ position: absolute; right:-20px; top:5px; width:50px; text-align: center; font-size: 16px; font-style: normal; line-height: 26px;}
.reputation-making .row:nth-child(1) .div-02 i:after{ content: ""; width: 30px; height: 30px; background-size: cover; display:inline-block; background-image: url(../images/reputation_arrows.png);}
.reputation-making .row:nth-child(2) .div-02{ font-size: 0;}
.reputation-making .row:nth-child(2) .div-02 img{ margin: 5px; border-radius: 15px; overflow: hidden; display: inline-block;}
.reputation-making .row:nth-child(3) .div-02 span{ margin-bottom: 10px; display: block; font-size: 27px; color: #2a6cf4; font-weight:600;}
.reputation-making .row:nth-child(3) .div-02 p{  font-size: 24px; line-height: 40px; color: #333333;}
.reputation-making .home-button{ margin-top: 45px; width:280px;}

.reputation-how{ background-image: url(../images/reputation_how_bg.jpg);}
.reputation-how .content{  margin-top: 50px; position: relative;}
.reputation-how .swiper-button-prev,
.reputation-how .swiper-button-next{ display: none; }
.reputation-how .swiper-button-prev{ left: 0; background-image: url(../images/reputation_prev.png);}
.reputation-how .swiper-button-next{  right:0; background-image: url(../images/reputation_next.png);}
.reputation-how .swiper-button-prev:hover{ background-image: url(../images/reputation_prevh.png);}
.reputation-how .swiper-button-next:hover{ background-image: url(../images/reputation_nexth.png);}
.swiper-reputation-how{ margin:0 -4px }
.swiper-reputation-how .swiper-slide{ padding:0 4px; }
.swiper-reputation-how .swiper-slide .tit{ background: #2a6cf4; border-radius: 15px; color: #FFFFFF; padding: 20px 0 20px 15%; font-size: 27px; font-weight: 600; position: relative;}
.swiper-reputation-how .swiper-slide .tit:after{ content: ""; position:absolute; display: block; top:50%; right:10px; margin-top: -15px; width:30px; height: 30px; background-image: url(../images/reputation_how_ico1.png); background-size: cover;}
.swiper-reputation-how .swiper-slide:last-child .tit:after{ right: 24px; margin-top: -10px; width: 6px; height: 20px; border-radius: 3px; background: #FFFFFF;}
.swiper-reputation-how .swiper-slide .con{ padding-top: 10px; font-size: 20px; line-height: 48px; color: #333333; padding-left: 15%;}
.swiper-reputation-how .swiper-slide .con .ptip{ position: relative; padding-left: 18px; }
.swiper-reputation-how .swiper-slide .con .ptip:before{ content: ""; position: absolute; top: 50%; left:0; width: 5px; height: 5px; background: #333333; border-radius: 100%; margin-top: -3px;}


.reputation-solution{ padding-bottom: 30px; position: relative; z-index: 0;}
.reputation-solution .tab{ margin-top: 60px; text-align: center; display: flex; flex-flow: wrap;  justify-content:space-between; align-items:center; }
.reputation-solution .tab span{ display: inline-block; background: #f8f8f8; border: 1px solid #eeeeee; font-size: 24px; line-height:56px; width:11%; border-radius:10px; cursor:pointer;}
.reputation-solution .tab span.active{ background: #2a6cf4; color: #FFFFFF; border: 1px solid #2a6cf4;}
.reputation-solution .swiper-button-prev,
.reputation-solution .swiper-button-next{ width: 70px; height: 70px; }
.reputation-solution .swiper-button-prev{ left:-55px; background-image: url(../images/reputation_prev.png);}
.reputation-solution .swiper-button-next{  right:-55px; background-image: url(../images/reputation_next.png);}
.reputation-solution .swiper-button-prev:hover{ background-image: url(../images/reputation_prevh.png);}
.reputation-solution .swiper-button-next:hover{ background-image: url(../images/reputation_nexth.png);}
.reputation-solution .content{ margin: 30px -40px 0; position: relative;}
.swiper-reputation-solution .swiper-slide{  padding:20px; }
.reputation-solution-list li {float: left; width: 33.3333%;  padding:0 20px;}
.reputation-solution-list .box{ border-radius: 20px 0 20px 0; overflow: hidden; -webkit-box-shadow:0 5px 15px rgba(0,0,0,.08); box-shadow:0 5px 15px rgba(0,0,0,.08);}
.reputation-solution-list .box .img{ width: 100%; position: relative;}
.reputation-solution-list .box .img img{ width: 100%;}
.reputation-solution-list .box .img span{ position: absolute; background: #f8f8f8; bottom: -50px; left:50%; margin-left: -50px; font-size: 48px; color: #2a6cf4; width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 100%;}
.reputation-solution-list .box .text{ padding: 60px 30px 30px; min-height: 375px;}
.reputation-solution-list .box .text .tit{ text-align: center; position:relative; padding-bottom: 20px;}
.reputation-solution-list .box .text .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -20px; width: 40px; height: 4px; background: #2a6cf4;}
.reputation-solution-list .box .text .tit span{ margin-top: 10px; display: block; font-size: 24px; color: #333333; font-weight: 600;}
.reputation-solution-list .box .text .tit p{ margin-top: 5px; font-size: 18px; color: #999999; line-height: 22px;}
.reputation-solution-list .box .text .des p{ margin-top: 10px;  position: relative; padding-left: 33px; font-size: 16px; line-height: 24px; min-height: 48px;}
.reputation-solution-list .box .text .des p:before{ content: ""; position: absolute; top:-2px; left:0; width: 30px; height: 30px; background-image: url(../images/reputation_right.png); background-size: cover;}
.reputation-solution .home-button{ position: relative; z-index: 1; margin-top: 45px; width:280px;}


.reputation-do{ padding: 55px 0 70px; background: #f8f8f8; position: relative; z-index: 1;}
.reputation-do .container{ max-width: 1640px;}
.reputation-do .home-tit{ margin-bottom: 30px;}
.reputation-do .small-tit{ font-size: 24px; color: #333333; font-weight: bold; text-align: center;}
.reputation-do .content{ border-radius: 18px; padding: 30px 8%; background: #fff;}
.reputation-do .tab{ margin-top: 20px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.reputation-do .tab span{ cursor: pointer; display: inline-block; background: #eeeeee; border-radius: 10px; width: 15%; max-width: 165px; border-radius:10px; padding: 12px; color: #333333; }
.reputation-do .tab span img{ display: inline-block; vertical-align: middle; width: 38%;}
.reputation-do .tab span i{ display:inline-block; vertical-align:middle; width: 55%; text-align: center;font-size: 18px; font-style: normal;}
.reputation-do .tab span.active{ background: #2a6cf4; color: #FFFFFF;}
.reputation-do .des{ margin-top: 25px; font-size: 16px; color: #333333; text-align: center;}
.reputation-do .con{margin-top: 40px; position: relative; text-align: center; }
.reputation-do .swiper-reputation-do{ margin: 0 -10px;}
.reputation-do .swiper-slide .box{ float: left; width: 49%; margin-right:2%; padding-top: 25px; position: relative; border-radius: 10px; background: #edf2f5; overflow: hidden;}
.reputation-do .swiper-slide .box:nth-child(2n){ margin-right:0; }
.reputation-do .swiper-slide .box .txt{ font-size:18px ; color: #222222;}
.reputation-do .swiper-slide .box .img{ position: relative;}
.reputation-do .swiper-slide .box .img img{ width: 100%;}
.reputation-do .swiper-slide .box .img div{ position: absolute; top:0; left:0; width: 100%; height: 100%; }
.reputation-do .swiper-slide .box .img span{  margin:19% 14.3% 16%; height:255px; display: block; overflow-y:scroll; background: #fff;}
.reputation-do .swiper-slide .box.phone .img{ margin-top: 0; }
.reputation-do .swiper-slide .box.phone .img span{ margin: 8% 31% 0%;  height:443px;} 
.reputation-do .swiper-button-prev,
.reputation-do .swiper-button-next{ width: 70px; height: 70px; }
.reputation-do .swiper-button-prev{ left:-210px; background-image: url(../images/reputation_prev.png);}
.reputation-do .swiper-button-next{  right:-210px; background-image: url(../images/reputation_next.png);}
.reputation-do .swiper-button-prev:hover{ background-image: url(../images/reputation_prevh.png);}
.reputation-do .swiper-button-next:hover{ background-image: url(../images/reputation_nexth.png);}
.reputation-do .home-button{ margin-top: 45px; width:280px;}

.reputation-challenge{ padding-top: 40px;}
.reputation-challenge .content{ position: relative; margin: 0 -55px;}
.reputation-challenge .swiper-button-prev,
.reputation-challenge .swiper-button-next{ width: 70px; height: 70px; }
.reputation-challenge .swiper-button-prev{ left:-45px;  background-image: url(../images/reputation_prev.png);}
.reputation-challenge .swiper-button-next{ right:-45px; background-image: url(../images/reputation_next.png);}
.reputation-challenge .swiper-button-prev:hover{ background-image: url(../images/reputation_prevh.png);}
.reputation-challenge .swiper-button-next:hover{ background-image: url(../images/reputation_nexth.png);}
.reputation-challenge .swiper-slide{ padding: 55px 55px 20px;}
.reputation-challenge .box{ padding: 42px; border-radius: 18px; overflow: hidden;}
.reputation-challenge .box .img{ float: left; width: 640px;}
.reputation-challenge .box .right{  margin-left: 670px;}
.reputation-challenge .box .right .top{ min-height: 96px; position: relative; padding-bottom: 20px; padding-left: 175px; border-bottom: 1px solid #e5e5e5;}
.reputation-challenge .box .right .top .num{ position: absolute; right:0; top:-30px; font-size: 36px; color: #999999;}
.reputation-challenge .box .right .top .num span{ font-size: 48px; color: #333333;}
.reputation-challenge .box .right .top img{ position: absolute; width: 150px; top:0; left:0; border: 1px solid #e5e5e5; float: left;}
.reputation-challenge .box .right .top .tit{  padding-top:5px;}
.reputation-challenge .box .right .top .tit span{ display: block; font-size: 24px; color: #333333; font-weight: bold;}
.reputation-challenge .box .right .top .tit p{ font-size: 16px; color: #333333; margin-top: 10px;}
.reputation-challenge .box .right .text{ margin-top: 20px; font-size: 16px; line-height: 30px;}
.reputation-challenge .box .right .text .titi{ font-weight: bold; margin-top: 10px; margin-bottom: 10px; font-size: 20px; color: #333333;}
.reputation-challenge .box .right .text .titi:nth-child(1){ margin-top: 0; }
.reputation-challenge .box .right .scrollBox{ height: 310px; overflow: hidden; padding-right: 30px;}

.home-point-tip{ background: #9d9d9d; font-size: 20px; color: #FFFFFF; padding: 17px 0; text-align:center; letter-spacing: 1px;}


@media (max-width:1640px){
	.reputation-do .swiper-slide .box .img span{ height: 242px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 430px; }

	.reputation-challenge .box .right .top{ min-height: 122px; padding-left: 150px; }
	.reputation-challenge .box .right .top img{ width: 135px; }
	.reputation-challenge .box .right .top .tit span{ font-size: 20px; }
	.reputation-challenge .box .right .top .num{ font-size: 28px; }
	.reputation-challenge .box .right .top .num span{ font-size: 40px; }
	.reputation-challenge .box .right .top .tit p{ font-size: 13px; line-height: 20px; }
	.reputation-challenge .box{ padding: 30px;}
	.reputation-challenge .box .img{ width: 530px;}
	.reputation-challenge .box .right{  margin-left: 570px;}
	.reputation-challenge .box .right .scrollBox{ height: 215px;}

	
}
@media (max-width:1600px){
	.reputation-do .swiper-slide .box.phone .img span{ height: 415px; }
	
}
@media (max-width:1540px){
	.reputation-do .swiper-slide .box .img span{ height: 230px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 400px; }
	
	.reputation-solution .swiper-button-prev{ left:-45px; }
	.reputation-solution .swiper-button-next{  right:-45px; }
	.reputation-do .swiper-button-prev{ left:-180px; }
	.reputation-do .swiper-button-next{  right:-180px; }
	.reputation-challenge .swiper-button-prev{ left:-30px}
	.reputation-challenge .swiper-button-next{ right:-30px;}
	
}
@media (max-width:1480px){
	.reputation-do .swiper-slide .box .img span{ height: 230px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 407px; }
	
}
@media (max-width:1440px){
	.reputation-do .swiper-slide .box .img span{ height: 220px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 395px; }
	
}
@media (max-width:1400px){
	.reputation-do .swiper-slide .box .img span{ height: 210px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 380px; }
}
@media (max-width:1360px){
	.reputation-do .swiper-slide .box .img span{ height: 205px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 365px; }
}
@media (max-width:1320px){
	.reputation-do .swiper-slide .box .img span{ height: 200px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 355px; }
}
@media (max-width:1280px){
	.reputation-do .swiper-slide .box .img span{ height: 195px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 340px; }
}
@media (max-width:1230px){
	.reputation-do .swiper-slide .box .img span{ height: 189px; }
	.reputation-do .swiper-slide .box.phone .img span{ height: 330px; }
}


@media (max-width:999px){
	/* ========== */
	/* = reputation = */
	/* ========== */
	.w1400{ padding: 0 0.3rem;}
	.reputation-box{ padding-top: 1rem;}
	.reputation-box .content{ margin-top: 0.5rem; }
	.reputation-box .con{ top:1.2rem;}
	.reputation-box .con .tit{ font-size: 0.32rem;}
	.reputation-box .con .des{ margin-bottom: 5%; font-size: 0.4rem; }
	
	.reputation-making{ padding: 1.2rem 0;}
	.reputation-making .content{ margin-top: 0.8rem; }
	.reputation-making .content:after{ width: 17%;}
	.reputation-making .row .div-01{ padding:0.8rem 0; }
	.reputation-making .row .div-01 span{ font-size: 0.3rem;}
	.reputation-making .row .div-01 p{ margin-top:0.053333rem; font-size: 0.28rem;}
	.reputation-making .row .div-02{  padding:0.8rem 0;}
	.reputation-making .row:nth-child(1) .div-02 span{  line-height:0.533333rem; border-radius: 0.266666rem; font-size: 0.28rem; padding: 0 0.133333rem; }
	.reputation-making .row:nth-child(1) .div-02 i{ top:0.5rem; right:-0.4rem; font-size: 0.22rem; line-height: 0.4rem; width: 0.8rem;}
	.reputation-making .row:nth-child(1) .div-02 i:after{  width: 0.4rem; height: 0.4rem;}
	.reputation-making .row:nth-child(2) .div-02{ font-size: 0;}
	.reputation-making .row:nth-child(2) .div-02 img{ margin: 0.02rem; border-radius:0.066666rem;  width: 0.42rem;}
	.reputation-making .row:nth-child(3) .div-02 span{ margin-bottom: 0.133333rem; font-size: 0.32rem; }
	.reputation-making .row:nth-child(3) .div-02 p{ font-size: 0.28rem; line-height: 0.52rem;}
	.reputation-making .home-button{ margin-top: 0.7rem; width:4.6rem;}
	
	.reputation-how{ padding-bottom: 1rem; background: none; }
	.reputation-how .content{ margin-top:0.8rem; padding:0 0.766666rem;}
	.reputation-how .swiper-button-prev,
	.reputation-how .swiper-button-next{ display: block; width: 0.666666rem; height: 0.666666rem; }
	.swiper-reputation-how .swiper-slide .tit{ border-radius: 0.2rem; padding:0.5rem 0.5rem 0.5rem 0.8rem; font-size:0.39rem;}
	.swiper-reputation-how .swiper-slide .tit:after{ right:0.133333rem; margin-top: -0.2rem; width:0.4rem; height: 0.4rem; }
	.swiper-reputation-how .swiper-slide:last-child .tit:after{ right: 0.266666rem; margin-top: -0.2rem; width: 0.133333rem; height: 0.4rem; border-radius: 0.066666rem;}
	.swiper-reputation-how .swiper-slide .con{ padding-top: 0.3rem; font-size: 0.34rem; line-height: 0.68rem; padding-left: 0.8rem;}


	.reputation-solution{ padding-bottom: 1rem;}
	.reputation-solution .tab span{ width:22%; margin: 1%; line-height: 0.8rem; font-size: 0.34rem; }
	.reputation-solution .swiper-button-prev,
	.reputation-solution .swiper-button-next{ display: none; }
	.reputation-solution .content{ margin: 0 -0.5rem;}
	.swiper-reputation-solution .swiper-slide{  padding:0.5rem; }
	.reputation-solution-list li{ margin-top:0.8rem; width: 100%; padding:0;}
	.reputation-solution-list .box{ border-radius: 0.4rem 0  0.4rem 0;}
	.reputation-solution-list .box .img span{  bottom: -0.8rem; margin-left: -0.8rem; font-size: 0.8rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; }
	.reputation-solution-list .box .text{ padding:1.2rem 0.4rem 0.4rem; min-height:0;}
	.reputation-solution-list .box .text .tit{ padding-bottom: 0.266666rem;}
	.reputation-solution-list .box .text .tit:after{margin-left: -0.333333rem; width: 0.666666rem; height: 0.066666rem; }
	.reputation-solution-list .box .text .tit span{ margin-top: 0.266666rem; font-size: 0.44rem; }
	.reputation-solution-list .box .text .tit p{ margin-top:0.133333rem; font-size: 0.36rem; line-height: 0.6rem;}
	.reputation-solution-list .box .text .des p{ margin-top: 0.266666rem; padding-left: 0.533333rem; font-size: 0.34rem; line-height: 0.6rem; min-height: 0.64rem;}
	.reputation-solution-list .box .text .des p:before{ top:0.1rem; width: 0.4rem; height:  0.4rem; }
	.reputation-solution .home-button{ margin-top: 0.7rem; width:4.6rem;}

	.reputation-do{ padding: 1rem 0;}
	.reputation-do .home-tit{ margin-bottom: 0.5rem;}
	.reputation-do .small-tit{ font-size: 0.44rem; }
	.reputation-do .con{ margin-top:0.4rem; }
	.reputation-do .content{ margin: 0 0.766666rem; border-radius: 0.4rem; padding: 0.4rem;}
	.reputation-do .tab span{ margin-bottom: 0.3rem; width:30%; padding: 0.2rem;}
	.reputation-do .tab span i{ font-size: 0.28rem;}
	.reputation-do .js-tab-box{ margin-top: 0.2rem;} 
	.reputation-do .js-tab-con .des{ margin-top: 0.2rem; font-size: 0.24rem; }
	.reputation-do .swiper-slide .box .txt{ font-size:0.38rem ; }
	.reputation-do .swiper-button-prev,
	.reputation-do .swiper-button-next{ width: 0.666666rem; height: 0.666666rem; }
	.reputation-do .swiper-button-prev{ left:-1.2rem; }
	.reputation-do .swiper-button-next{  right:-1.2rem;}
	.reputation-do .swiper-slide .box .img span{ height: 1.75rem; }
	.reputation-do .swiper-slide .box.phone .img span{ height:2.88rem; }
	.reputation-do .des{ font-size: 0.26666666rem;line-height: 0.4rem;}   
	.reputation-do .home-button{ margin-top: 0.7rem; width:4.6rem;}

	
	.reputation-challenge{ padding: 1rem 0 0;}
	.reputation-challenge .content{  margin: 0; padding: 0 0.366rem;}
	.reputation-challenge .swiper-button-prev,
	.reputation-challenge .swiper-button-next{ width: 0.7rem; height: 0.7rem; }
	.reputation-challenge .swiper-button-prev{ left:0; }
	.reputation-challenge .swiper-button-next{  right:0;}
	.reputation-challenge .swiper-slide{ padding:0.4rem;}
	.reputation-challenge .box{ padding: 0.3rem; border-radius:0.4rem; }
	.reputation-challenge .box .img{ float: none; width: 100%;}
	.reputation-challenge .box .right{ margin-top: 0.5rem; margin-left: 0;}
	.reputation-challenge .box .right .top{padding-bottom: 0.2rem; padding-left: 2rem;}
	.reputation-challenge .box .right .top .num{  top:-0.1rem; font-size: 0.4rem; }
	.reputation-challenge .box .right .top .num span{ font-size: 0.5rem; }
	.reputation-challenge .box .right .top img{  width: 1.8rem;}
	.reputation-challenge .box .right .top .tit{  padding-top:5px;}
	.reputation-challenge .box .right .top .tit span{ font-size: 0.42rem; }
	.reputation-challenge .box .right .top .tit p{ font-size: 0.32rem; }
	.reputation-challenge .box .right .text{  font-size: 0.32rem; line-height: 0.6rem;}
	.reputation-challenge .box .right .text .titi{ margin-bottom: 0.2rem; font-size: 0.36rem; }
	.reputation-challenge .box .right .scrollBox{ height: 3.2rem; padding-right: 0.4rem; overflow-y: scroll;}
	
	.home-point{ padding:0.6rem 0;}
	.home-point ul{ margin: 0.3rem auto 0.533333rem; text-align: center;}
	.home-point ul li{ margin-top: 0.533333rem; width: 3rem;}
	.home-point ul li span{ padding-right:0.533333rem; font-size:0.666666rem; }
	.home-point ul li span sup{  line-height: 0.533333rem; font-size:0.38rem;}
	.home-point ul li:first-child span sup{ font-size: 0.4rem;}
	.home-point ul li p{ margin-top: 0.133333rem; font-size: 0.34rem;}
	.home-point-tip{ padding: 0.4rem 0; line-height: 0.5rem; font-size:0.28rem;}
	
}